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'

input元素 size属性和 width 的区别

 

 input元素 size属性和 width 的区别

 

style= ' width:400px '

input元素 size属性和 width 的区别

 

 input元素 size属性和 width 的区别

 

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

 input元素 size属性和 width 的区别

 

 input元素 size属性和 width 的区别

   

相关文章:

  • 2021-12-28
  • 2021-12-10
  • 2021-12-05
  • 2021-09-08
  • 2021-12-30
  • 2021-12-27
  • 2021-12-05
  • 2021-12-10
猜你喜欢
  • 2021-12-18
  • 2021-12-18
  • 2021-12-04
  • 2021-12-04
  • 2021-12-27
  • 2021-12-26
  • 2021-12-06
  • 2021-12-10
相关资源
相似解决方案