input元素 size属性和 width 的区别

size 和 width 都可以设置输入框的可见宽度。但是二者还是有一定的区别的。

input元素的 size属性规定的是以字符数计算 <input> 元素的可见宽度。

注意:

size 属性适用于以下几种 input  类型:text、search、tel、url、email 和 password。

如果想规定 input 元素允许输入的最大字符数,使用的是 maxlength 属性。

属性值

数字(unmber):规定以字符数计的 input 元素的宽度。默认值是 20


style='width'  则是直接规定input 的宽度  (行内样式)

如果 size 和 style='width:20px' 同时使用的时候,最终输入框的长度还是由 style='width:20px' 来决定。

实例:

size='40'

 

style= ' 400px '

 

size='40' 和  style='width:400px' 同时使用

 

 

   
原文地址:https://www.cnblogs.com/nyw1983/p/12119768.html