Rumah  >  Artikel  >  hujung hadapan web  >  html文本框怎么设置大小

html文本框怎么设置大小

藏色散人
藏色散人asal
2021-05-12 11:32:4929810semak imbas

html文本框设置大小的方法:首先新建一个html页面;然后添加一个label标签和一个input框;最后通过设置size的属性修改一下宽度大小即可。

html文本框怎么设置大小

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

HTML中如何设置文本框的大小

步骤如下

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

744814d5bd397f167bf4790093780e4.png

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

8d51ecd348a9eb65ad728cba4399b65.png

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

a753092fff9448aa17e4514cc183aea.png

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

428aeca0bb8f0856e37311e8627e5b9.png

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

a470c214125bf12f84c6ba4065d4625.png

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

77099b024dbbc81732dfcb32935e441.png

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

c721c8f15945a02aea663f9b3099437.png

推荐学习:《html视频教程

Atas ialah kandungan terperinci html文本框怎么设置大小. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:html字体怎么加粗Artikel seterusnya:asp去掉html的方法