Comment redimensionner les zones de texte

<

Contenu

article data-type="article">
Vous pouvez aligner les zones de texte pour organiser des formes sur une page Web.

Les zones de texte vous aider à collecter des données à partir d`un formulaire Web. Vous pouvez changer la taille de votre zone de texte pour l`adapter à une zone de votre page ou aligner avec d`autres zones de texte que vous avez créés. La balise d`entrée vous permet de créer, nom et redimensionner les zones de texte dans une page Web. Vous pouvez manipuler la largeur d`une zone de texte avec Hypertext Markup Language (HTML) ou de sa hauteur et la largeur avec les feuilles de style (CSS).

Redimensionner avec CSS

  • Ouvrez un éditeur de texte, tel que le Bloc-notes, 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.

  • Ajouter le style suivant entre la balise 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 pour la hauteur et la largeur.

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




  • Conserver ``Mais remove` size = "20" `à partir du code. Ajouter la classname ( "myInput") du style que vous avez créé, il se lit comme suit:

  • 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.

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

Redimensionner avec HTML

  • Démarrez 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.

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

  • 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:

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

Technologie / Web design & développement / Création de sites web

AUTRES

» » » » Comment redimensionner les zones de texte