html文本框怎么设置大小

藏色散人
藏色散人 原创
2021-05-12 11:32:49 27653浏览

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

本文操作环境: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视频教程

以上就是html文本框怎么设置大小的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。