‘input’标签常用属性以及‘type’的属性值

‘input’标签常用属性

type:指定input类型

autocomplete:设置是否自动完成,其值为:on/off

autofocus:规定输入字段在页面加载时是否获得焦点,不适用于type= ‘hidden’

checked:默认选择,对type值为‘checkbox’及‘radio’有效

disabled:禁用

size:设置输入字段的宽度

maxlength:设置输入字段的最大长度

width:设置宽度,(适用于 type=‘image’)

height:设置高度,(适用于 type=‘image’)

step:设置输入字段合法数字间隔

required:表示输入字段为必需

readonly:表示只读

placeholder:设置输入框的占位符

pattern:规定输入字段的值的模式或格式。例如 pattern=‘[0-9]’表示输入值必须是 0 与 9 之间的数字。

multiple:如果使用该属性,则允许一个以上的值,适用于‘select’及‘datalist’

min:设置输入字段的最小值

max:这是输入字段的最大值

list:引用包含输入字段的预定义选项的 datalist 。

value:设置input的值

‘type’属性值

text:普通输入框

password:密码输入框

radio:单选宽

checkbox:多选框

file:文件

button:普通按钮

submit:提交按钮

reset:重置按钮

image:图片按钮

hidden:隐藏域

email:邮箱输入框

url:资源地址

search:搜索框

number:数值输入控件

tel:电话号码

range:数值选择范围控件

date:日期选择控件

month:月份选择控件

week:周选择控件

time:时间选择控件

datetime:日期时间选择控件

datetime-local:本地日期时间选择控件

color:颜色选择控件

文章由挖知识(www.wazhishi.com)编辑

你可能感兴趣的:(‘input’标签常用属性以及‘type’的属性值)