组团学

HTML5-新增表单属性和属性值

阅读 (312)

一、新增input type属性值

  • 说明

    新增input type 属性值

    类型 使用示例 描述
    email <input type="email"> 必须输入邮箱格式
    tel <input type="tel"> 必须输入手机号码格式
    url <input type="url"> 必须输入url格式
    number <input type="number"> 必须输入数字格式
    search <input type="search"> 必须搜索框(体现语义化)
    range <input type="range"> 自由拖动滑块
    time <input type="time"> 小时分钟
    date <input type="date"> 年月日
    datetime <input type="datetime"> 时间
    month <input type="month"> 月年
    week <input type="week"> 星期 年
    color <input type='color'> 颜色

二、新增常用表单属性

  • 说明

    新增的input标签属性

    属性 用法 含义
    placeholder <input type="text" placeholder="请输入..."> 占位符 当用户输入的时候 里面的文字消失 删除所有文字,自动恢复
    autofocus <input type="text" autofocus> 规定当页面加载时 input 元素应该自动获得焦点
    multiple <input type="file" multiple> 多文件上传
    autocomplete <input type="text" autocomplete="off"> 规定表单是否应该启用自动完成功能 有2个值,一个是on 一个是off on 代表记录已经输入的值 1.autocomplete 首先需要提交按钮
    2.这个表单您必须给他名字
    required <input type="text" required> 必填项 内容不能为空
需要 登录 才可以提问哦