美文网首页
移动设备的常见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表单元素

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