Comment pouvons-nous ajouter une largeur de caractère à la balise <code><input></code> en HTML ?-tutoriel HTML-php.cn

Comment pouvons-nous ajouter une largeur de caractère à la balise en HTML ?

WBOY

Libérer： 2023-08-26 12:41:02

avant

1441 Les gens l'ont consulté

Comment pouvons-nous ajouter une largeur de caractère à la balise <code><input></code> en HTML ?

Dans cet article, nous montrerons comment ajouter de la largeur en caractères à une zone de saisie en HTML.

L'attribut size de <input> est utilisé pour spécifier la largeur visible de l'élément <input> Les champs de saisie acceptent le texte, la recherche, le téléphone, l'URL, l'e-mail et le mot de passe. Bien que quelque peu indirectement, sa taille d’affichage peut être affectée. Néanmoins, la longueur de l’entrée attendue n’est pas vraiment limitée par le paramètre size

Syntaxe

Ce qui suit est la syntaxe de

<object> ... </object>

Copier après la connexion

Jetons un coup d'œil à l'exemple suivant pour comprendre comment ajouter une largeur de caractère à la zone de saisie en HTML.

Exemple 1

Dans l'exemple suivant, nous utilisons size=35 comme taille du champ de saisie.

<!DOCTYPE html>
<html>
<body>
   FirstName:<input type="text"
   value="Tutorials"><br>
   Lastname<input type="text"
   size="35"
   value= "Point">
</body>
</html>

Copier après la connexion

Lorsque le script s'exécutera, il générera une sortie affichant le champ de saisie avec le prénom comme taille par défaut et le nom comme taille = 35, comme nous l'avons mentionné dans le script sur la page Web.

Exemple 2

Considérez l'exemple suivant, nous avons utilisé un espace réservé de taille 24.

<!DOCTYPE html>
<html>
<body>
   <form>
      <div>
         <label for="Name">Enter FullName:</label>
         <input type="text" id="Name" name="Name" placeholder="All Capital Letters" size="24" />
      </div>
      <div>
         <button>Submit</button>
      </div>
   </form>
</body>
</html>

Copier après la connexion

Après avoir exécuté le script ci-dessus, une sortie sera générée sur la page Web contenant un champ de saisie comportant un espace réservé de taille = 24 indiquant « TOUTES MAJUSCULES » et un bouton d'envoi.

Exemple 3

Considérons un autre exemple où nous utilisons la longueur minimale et maximale.

<!DOCTYPE html>
<html>
<body>
   <form>
      <div>
         <label for="Name">Name: </label>
         <input type="text" id="Name" name="Name" required size="10" minlength="4" maxlength="8" />
         <span class="validity"></span>
      </div>
      <div>
         <button>Submit</button>
      </div>
   </form>
</body>
</html>

Copier après la connexion

Après avoir exécuté le script ci-dessus, la fenêtre de sortie apparaîtra, affichant le champ de saisie du nom avec la taille = 10, les attributs min et max sur la page Web et le bouton de soumission.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!