Comment redimensionner les zones de texte

Redimensionner avec CSS

1. Ouvrez un éditeur de texte, tel que Notepad, TextPad ou EditPad. Sélectionnez "Fichier" et "Ouvrir" dans le menu. Double-cliquez sur le fichier HTML contenant la zone de texte que vous voulez redimensionner.

2. Ajouter le style suivant entre le tag pour redimensionner les dimensions de la zone de texte. La zone de texte ci-dessous a une hauteur de 50 pixels et une largeur de 200 pixels. Pour utiliser une taille différente, changez la valeur de hauteur et de largeur.

3. Faites défiler jusqu'à la étiqueter et trouver le code HTML de la zone de texte. Il sera similaire à:

   
   
   
   
   

4. Conserver ''Mais enlevez' size = "20" 'à partir du code. Ajouter le nom de classe ("myInput") du style que vous avez créé, il se lit comme suit:

5. Répétez l'étape précédente pour redimensionner les zones de texte supplémentaires. Toutes les zones de texte qui incluent 'class = "myInput"' sont automatiquement redimensionnées sur la page.

6. Sélectionnez "Fichier" et "Enregistrer" pour mettre à jour votre page.

Redimensionner avec HTML

1. Commencez votre éditeur de texte favori, tel que Notepad, TextPad ou EditPad. Sélectionnez "Fichier" et "Ouvrir" dans le menu. Double-cliquez sur le fichier HTML que vous souhaitez modifier.

2. 
   
   

   Faites défiler vers le code HTML de la zone de texte. Il sera similaire à:

3. Modifiez la valeur de «taille» à la taille que vous souhaitez définir. Par exemple, pour définir la longueur de "40", utiliser les éléments suivants:

4. Sélectionnez "Fichier" et "Enregistrer" dans le menu pour enregistrer vos modifications.