点评:input的size和maxlength属性在最近使用到了,以前就只顾使用也不知道两者有什么区别,经百度一搜,有所理解在此与大家分享,喜欢的朋友可以参考下哦
最近做项目用到input的size和maxlength属性,以前只顾用没有用心去看看这2个标签的区别,今天周末baidu了一下,有所理解。特记录于此!
qUCHTML5中文学习网 - HTML5先行者学习网 qUCHTML5中文学习网 - HTML5先行者学习网
<p>Name: <input type="text" name="fullname" maxlength="5" /></p> qUCHTML5中文学习网 - HTML5先行者学习网
<p>Name2: <input type="text" name="fullname" size="5" /></p> qUCHTML5中文学习网 - HTML5先行者学习网
qUCHTML5中文学习网 - HTML5先行者学习网maxlength="5",则input输入框中只能够输入5个字符<br/>
qUCHTML5中文学习网 - HTML5先行者学习网size="5",表示input输入框只显示5个可见的字符,但你可以输入'无数'多字符内容
qUCHTML5中文学习网 - HTML5先行者学习网qUCHTML5中文学习网 - HTML5先行者学习网即:size属性规定输入字段的宽度(此处即是Name2文本框只显示5个字符大小的宽度),
qUCHTML5中文学习网 - HTML5先行者学习网由于 size 属性是一个可视化的设计属性,我们应使用 CSS 中的width来代替它。
qUCHTML5中文学习网 - HTML5先行者学习网qUCHTML5中文学习网 - HTML5先行者学习网CSS 语法:<input style="width:100px"/>