7
votes

Comment faire un champ de saisie de formulaire grand?

Pour le formulaire ci-dessous, comment pourrais-je rendre le champ de saisie grand, comme peut-être 100 pixels de hauteur de 400 pixels de longueur de longueur?

Merci d'avance, P>

John P>

<form action="http://www...com/sandbox/comments/comments2.php" method="post"> 
    <input type="hidden" value="'.$_SESSION['loginid'].'" name="uid">  

    <div class="addacomment"><label for="title">Add a comment:</label></div> 
    <div class="submissionfield"><input name="title" type="title" id="title" maxlength="1000"></div>  

    <div class="submissionbutton"><input name="submit" type="submit" value="Submit"></div> 
</form>


0 commentaires

6 Réponses :


10
votes

Vous pouvez éviter d'utiliser la DIV en appliquant la classe dans le code>

Votre CSS peut être P>

.submissionfield { width: 90px; height: 390px; border: 1px solid #999999; padding: 5px; }


0 commentaires

26
votes

Toute raison de ne pas utiliser d'élément de formulaire Texarea à la place?

<textarea rows="5" cols="80" id="TITLE">
</textarea>


2 commentaires

Je pense que cela vous donnerait des problèmes lors des tests de navigateur croisés


@pixeltocode Quel navigateur ne prend pas en charge textarea ? Textarea fait partie de HTML depuis le début.



1
votes

Vous n'avez pas besoin d'un textarea ( Exemple ) champ?


0 commentaires

3
votes

Vous pouvez ajouter CSS à l'entrée, comme: xxx pré>

ou vous pouvez ajouter de la hauteur, mais vous devrez peut-être ajouter! IMPORTANT: P>

.input-element{
height: 100px !important;
width: 400px;
}


0 commentaires

1
votes

Pour mieux N Plus grand champ d'entrée Textarea est efficace. XXX

>

// Valeur d'entrée


1 commentaires

Plus de description s'il vous plaît



0
votes

Vous pouvez également modifier la taille de la police dans le CSS.
Cela rendra les boîtes d'entrée plus grandes et permettre un texte plus lisible.

chrome em> p>

CSS p>

form input{
    font-size: 2em;
}


0 commentaires