简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

html如何设置文本域大小

coldplay.xixi
Libérer： 2021-03-10 17:34:21
original
7511 人浏览过

html设置文本域大小的方法：首先新建html页面，添加以个label标签和一个input框；然后通过设置size的属性修改宽度；最后预览一下效果即可。

html如何设置文本域大小

本教程操作环境：windows7系统、html5版，DELL G3电脑。

html设置文本域大小的方法：

1、首先用sublime text2新建一个测试用的html页面。我这里就叫test.html

9f973076ed1fb4f95cad7965c85ef82.png

2、这个时候在网页中添加以个label标签和一个input框。

fec3fb45d86c93deab81b94f9a02b85.png

3、预览一下效果，我们可以知道默认的宽度是10

d3784ac7da37c60bd367e5c77534441.png

4、这里我们通过设置size的属性修改一下宽度。

90923c76ce165fb1e269775f987f1dc.png

5、再预览一下效果。是不是宽度减少了呢。

b98af57b057bf544f3e2a92969816e0.png

6、如果是简单改变宽度这就足够了，但是如果修改一下其他的东西。我们需要加上style属性

3fc319b06b6ba8fececdb7df9c6da55.png

7、预览一下最终的效果。可以看到宽度和高度都改变了

c0a6fc8ece55dd9e83d25f7fe84da9d.png

相关学习推荐：html视频教程

以上是html如何设置文本域大小的详细内容。更多信息请关注PHP中文网其他相关文章！

Étiquettes associées：
html 文本域
source：php.cn
Article précédent：html如何设置文本框对齐 Article suivant：html页面中如何添加背景音乐
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Tirer parti des composants VueJS en PHP Je souhaite mélanger le HTML de base généré par les composants Php et VueJS sans avoir à u...
Depuis 2023-11-11 00:01:44
0
2
288
Comment utiliser la balise primitive ouverte dans Next JS 13 ? Dans la récente mise à jour NextJS13, ils ont introduit une nouvelle façon de gérer les ba...
Depuis 2023-11-10 23:03:51
0
1
527
Le mailer PHP ne fonctionne pas : pas de journal d'erreurs, le message indique envoyé mais non reçu Je ne reçois aucun journal d'erreurs dans le journal des erreurs php de mon serveur Web. J...
Depuis 2023-11-10 15:02:39
0
1
218
v-date-picker pour sélectionner uniquement le mois et l'année S'il vous plaît dites-moi s'il existe un autre moyen de procéder en utilisant v-date-picke...
Depuis 2023-11-10 14:05:05
0
1
269
Le titre réécrit est : SweetAlert2 : les paramètres "onBeforeOpen" sont inconnus J'utilise Laravel5.8 avec Sweetalertv2 et j'essaie de déclencher cette alerte sur Blade av...
Depuis 2023-11-10 09:39:01
0
1
257
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！