html5 新增表单控件和表单属性

时间:2021-12-20 19:39:34

新的输入型控件

  email:电子邮箱文本框,跟普通的没什么区别

     当输入不是邮箱的时候,验证通不过

     移动端的键盘会有变化

      html5 新增表单控件和表单属性       html5 新增表单控件和表单属性

  tel:电话号码 一般用于手机端,是一个键盘切换

  url:网页的地址

    html5 新增表单控件和表单属性

  search:搜索引擎

     chrome输入文字后,会多出一个关闭的X

      html5 新增表单控件和表单属性

  range:数值选择器

    属性:

      step:步数;
      max:最大数
      min:最小数
      value:当前数

    html5 新增表单控件和表单属性

    html5 新增表单控件和表单属性

  number  :  只能包含数字的输入框

    只允许输入数字,输入别的不能写入

    html5 新增表单控件和表单属性         html5 新增表单控件和表单属性

  color:颜色选择器

    html5 新增表单控件和表单属性

    html5 新增表单控件和表单属性      html5 新增表单控件和表单属性

  datetime:显示完整的日期(opera), 在谷歌中使用date

    html5 新增表单控件和表单属性           html5 新增表单控件和表单属性

  datetime-local:显示完整的日期不包含时区

  time  :  显示时间,不含时区

    html5 新增表单控件和表单属性         html5 新增表单控件和表单属性

  week  :  显示周

    html5 新增表单控件和表单属性         html5 新增表单控件和表单属性

  month  :  显示月

    html5 新增表单控件和表单属性         html5 新增表单控件和表单属性

新的表单特性和函数

  placeholder  :  输入框提示信息

     html5 新增表单控件和表单属性          html5 新增表单控件和表单属性

  autocomplete: 是否保存用户输入值默认为on,关闭提示选择off

    html5 新增表单控件和表单属性         html5 新增表单控件和表单属性

  autofocus  :  指定表单获取输入焦点

   html5 新增表单控件和表单属性           html5 新增表单控件和表单属性

  required  :  此项必填,不能为空

    html5 新增表单控件和表单属性          html5 新增表单控件和表单属性

  pattern : 正则验证  pattern="\d{1,5}“

    html5 新增表单控件和表单属性            html5 新增表单控件和表单属性

  formaction 在submit里定义提交地址,只在Opera浏览器下有作用

    html5 新增表单控件和表单属性   html5 新增表单控件和表单属性