Recherche chaud: comment fabriquer une pinata minnie comment soigner un agneau sujets de discussions en groupe durcir caoutchouc naturel main doeuvre pourcentage elairci.votre peau.rapide galena produit chimique valeur nominale dun prêt
Index Loisirs Santé Technologie

Redimensionnement d'une zone de texte

Publié:2012-08-27Source: général
Advertisement

Redimensionnement d'une zone de texte

Les zones de texte vous aident à recueillir des données à partir d'un formulaire web. Vous pouvez redimensionner votre boîte de texte pour adapter une zone de votre page ou aligner sur d'autres zones de texte que vous créez. Tag d'entrée vous permet de créer, nommer et de redimensionner les zones de texte sur une page Web. Vous pouvez manipuler la largeur d'une zone de texte avec langage de balisage hypertexte (HTML, pour son sigle en anglais) ou la hauteur et la largeur avec le langage de feuilles de style en cascade (CSS, pour son sigle en anglais).

Niveau de difficulté:

Modérément facile

Instructions

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 les balises <HEAD> </ HEAD> pour modifier 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 (hauteur) et la largeur (largeur). <Style type = "text / css"> <- .myinput {width: 200px ;! hauteur: 50px; } -> </ Style>

3 Faites défiler jusqu'à la balise <BODY> et trouvez le code HTML de la zone de texte. Il ressemble à: <input type = "text" name = taille "Prénom" = "20" />

4 Conserver '<input type = "text" name = "Prénom" />' mais supprime "size =" Code '20 ". Ajouter le nom de classe ("myInput") du style que vous avez créé, de sorte qu'il ressemble à ceci: <input type = "text" name = classe "Prénom" = "myInput" />

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' 'changent automatiquement leur taille sur la page.

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

Redimensionner HTML

1. Lancez 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 jusqu'à le code HTML de la zone de texte. Il ressemblera à ceci: <input type = "text" name = taille «myname" = "20" />

3 Modifie la valeur de «taille» à la taille que vous souhaitez définir. Par exemple, pour définir la longueur de "40", utiliser le suivant: <input type = "text" name = taille «myname" = "40" />

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

Lire cet article en Inglés: Comment redimensionner les boîtes de texte

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking