html文本框怎么设置大小


本文摘自PHP中文网,作者藏色散人,侵删。

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文本框怎么设置大小的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html span标签如何居中和右对齐?这里有Html span标签的样式解析

Html的<!doctype> 标签

如何使用css设计出一个表单页面(附示例)

Html只读属性是什么

javascript与Html的结合方法详解

vue框架是什么

Html怎样让div居中

Html中hr怎么设置粗细

Html怎么让元素隐藏

asp和Html的区别是什么

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...