HTML <input> size 和 maxlength 属性

今天看到有些网站用到 input 标签的size 和 maxlength 属性,没有用过这个属性,在菜鸟教程上搜索啦下,没看明白 size 这个属性。继续搜索。。。

搜索结果如下(做下笔录):

Name1: <input type="text" name="fullname" maxlength="6" /><br>
Name2: <input type="text" name="fullname" size="5" />

maxlength="6",  表示input输入框最多输入 6个字符(中文也算一个字符),超过之后将不能再输入;
size="5", 表示输入框只显示 5 个可见的字符,但可以输入无数多的字符;(<input size="2"> 实际文本框能显示4个字符。如下图:)

代码图片:      代码显示图片:

注释:size属性规定输入字段的宽度(此处即是Name2文本框只显示5个字符大小的宽度),用size代表宽度,会引起兼容性问题,再加上 input本身的padding margin border是有差异的,就更会影响了,所以,建议不要使用size设置宽度,最好使用 width来代替。

CSS 语法:<input style="width:100px"/>

posted @ 2016-10-19 15:50  三高娘子  阅读(714)  评论(0)    收藏  举报