美文网首页
移动设备的常见html5表单元素

移动设备的常见html5表单元素

作者: 幽谷听泉 | 来源:发表于2016-08-31 19:00 被阅读0次

form属性

<form id="testform">
        <input type="text" name="">
</form>
<input form="testform" type="text" name="">
  • 注:html5中,在form外的input,如果其form属性与form表单的id相同,则其input属于该form范围,则在form表单提交时,其也会一并提交。

placeholder属性

  <input type="text" name="" placeholder="请输入内容">
  • 一般用在文本框上,提示输入

autofocus熟悉

<input type="text" name="" placeholder="请输入内容" autofocus>
  • 作用:指定控件自动获取焦点

required属性

  <input type="text" name="" required>
  • 如果表单中有required属性的项未填写,则无法提交

移动web表单的input类型(即type=" ")

  • search类型文本
    支持safari浏览器,文本框外观圆角文本框
  • email类型文本
    支持safari浏览器,外观和text类型一样,在输入时iphone输入键盘提供和email相关的字符输入键,比如@和点号
  • number类型文本
    支持safari浏览器,输入时,iphone提供数字和字母结合的键盘
  • range类型文本
    数值范围输入文本框,提供的是一种滑动输入方式,需配合max,min,range等属性使用。
  • tel类型文本
    支持safari浏览器,输入时,iphone提供数字的输入法键盘;
  • url类型文本
    支持safari浏览器,输入时,iphone提供网址的输入法键盘;
  • datetime-local 日期和时间选择文本框
  • Time 时间选择文本框
  • Date 日期选择文本框
  • Week 年的周号选择文本框
  • Month 月份选择文本框

相关文章

  • 移动设备的常见html5表单元素

    form属性 注:html5中,在form外的input,如果其form属性与form表单的id相同,则其inpu...

  • HTML5 表单元素

    HTML5 新的表单元素HTML5有以下新的表单元素 ?:不是所有的浏览器都支持HTML5新的表单元素,但是你...

  • HTML5 表单元素

    HTML5 的新的表单元素: HTML5 拥有若干涉及表单的元素和属性。 本章介绍以下新的表单元素: datali...

  • h5表单

    html5 表单 新增input类型 新增表单元素 html5表单验证 新增表单属性 新增的input类型 inp...

  • 2019-10-18 HTML

    1.html新表单元素 HTML5 表单元素 HTML5 增加了如下表单元素: 注释:默认地,浏览器不会显示未知元...

  • HTML5 表单元素+属性

    HTML5 新的表单元素 HTML5 有以下新的表单元素: < datalist> 注意:不是所有的浏览器都支持H...

  • HTML5中的表单元素

    本节重点 HTML5中添加了许多新特性的表单元素 表单元素主要表现在 元素Element + 类型Type + 属...

  • HTML5新增元素

    HTML5新增元素 类别元素构建页面的语义元素 用于标识文本的语义元素 web表单 ...

  • HTML5新增表单元素

    表单新特性 1、form属性 在html4中表单内的从属元素必须写在表单内部,而在html5中,指定form元素的...

  • HTML5 新元素

    新的语义/结构元素 HTML5提供的新的元素可以构建更好的文档结构: 新的表单元素 新的输入类型 HTML5 - ...

网友评论

      本文标题:移动设备的常见html5表单元素

      本文链接:https://www.haomeiwen.com/subject/vkaqettx.html