‘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)编辑

  • 2
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值