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

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 月份选择文本框
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容