input框整理

(整理的类型是按照本人写代码过程中遇到感觉常用不常用)

input常用类型(type):

  • button:按钮
  • checkbox:复选框
  • file:让用户选择文件,使用accept可以控制可选文件的文件类型
  • hidden:不显示在页面,但是会提交
  • password:一个值会被掩盖的单行文本框,maxlength可以指定输入最大长度
  • radio:单选按钮
  • reset:表单重置
  • submit:提交表单按钮
  • text:单行字段

input输入时间:

  • date:输入日期(年月日)
  • datetime:输入时间(时分秒)
  • datetime-local:输入日期(年月日时分秒)
  • month:输入年月
  • time:输入时间
  • week:输入年和星期

input不常用类型:

  • color:指定颜色空间
  • email:编辑e-mail字段
  • image:图片提交按钮
  • number:输入浮点数
  • range:用于输入不精确控件
  • search:输入搜索字符串的单行文本框
  • tel:输入电话号码
  • url:编辑url字段

input属性(常用):

  • type:要呈现的空间类型
  • accept:type=file,表示服务器端可接受的文本类型
  • autocomplete:可否自动被浏览器填充
  • autofocus:载页面加载时具有焦点
  • checked:type=radio/type=checkbox,表明空间是否默认时选择状态
  • disabled:表单控件不可用(禁止输入什么的)
  • maxlength:有长度限制的空间规定最大长度
  • min/max:数字/日期的最大最小值
  • multiple:是否允许输入多个值
  • name:表单提交给后端必须要的一个字段
  • placeholder:对于输入文本框的提示信息
  • value:控件的初始值
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值