Input的size与maxlength属性的区别自我理解
网站建设 2021-07-02 22:41www.dzhlxh.cn网站建设
最近做项目用到input的size和maxlength属性，以前只顾用没有用心去看看这2个标签的区别，今天周末baidu了一下，有所理解。特记录于此！
<p>Name: <input type="text" name="fullname" maxlength="5" /></p>
<p>Name2: <input type="text" name="fullname" size="5" /></p>
maxlength="5",则input输入框中只能够输入5个字符<br/>
size="5"，表示input输入框只显示5个可见的字符，但你可以输入'无数'多字符内容
即：size属性规定输入字段的宽度(此处即是Name2文本框只显示5个字符大小的宽度)，
由于 size 属性是一个可视化的设计属性，我们应使用 CSS 中的width来代替它。
CSS 语法：<input style="width:100px"/>
复制代码
代码如下:<p>Name: <input type="text" name="fullname" maxlength="5" /></p>
<p>Name2: <input type="text" name="fullname" size="5" /></p>
maxlength="5",则input输入框中只能够输入5个字符<br/>
size="5"，表示input输入框只显示5个可见的字符，但你可以输入'无数'多字符内容
即：size属性规定输入字段的宽度(此处即是Name2文本框只显示5个字符大小的宽度)，
由于 size 属性是一个可视化的设计属性，我们应使用 CSS 中的width来代替它。
CSS 语法：<input style="width:100px"/>
上一篇：DD DT DL标签使用示例
下一篇：HTML几个特殊的属性标签的使用介绍