Input的size与maxlength属性的区别
程序员文章站
2022-04-01 11:58:43
...
所以 应该用 maxlength=5
最近做项目用到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><i>
maxlength="5",则input输入框中只能够输入5个字符<br/>
size="5",表示input输入框只显示5个可见的字符,但你可以输入'无数'多字符内容<br/>
即:size属性规定输入字段的宽度(此处即是Name2文本框只显示5个字符大小的宽度),<br/>
由于 size 属性是一个可视化的设计属性,我们应使用 CSS 中的width来代替它。
CSS 语法:<input style="width:100px"/>
</i>
<br/>
最近做项目用到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><i>
maxlength="5",则input输入框中只能够输入5个字符<br/>
size="5",表示input输入框只显示5个可见的字符,但你可以输入'无数'多字符内容<br/>
即:size属性规定输入字段的宽度(此处即是Name2文本框只显示5个字符大小的宽度),<br/>
由于 size 属性是一个可视化的设计属性,我们应使用 CSS 中的width来代替它。
CSS 语法:<input style="width:100px"/>
</i>
<br/>
下一篇: SWT shell实现漫游窗
推荐阅读
-
PHP静态方法和静态属性及常量属性的区别与介绍
-
PHP静态方法和静态属性及常量属性的区别与介绍
-
jquery中html、val与text三者属性取值的联系与区别介绍
-
Python中几种属性访问的区别与用法详解
-
length属性、length()方法和size()的方法的区别
-
jquery中$(#form :input)与$(#form input)的区别
-
php中$_POST与php://input的区别实例分析
-
oninput、onchange与onpropertychange事件的区别, 与input输入框实时检测
-
ios 关于成员变量与属性的区别
-
position属性中absolute与relative的区别讲解