《HTML5移动开发指南》——笔记5(html5表单元素)

表单属性

1.form属性表单各自的控件不再依赖form元素的位置。可以脱离form,又能保持从属关系。

<form id="textform">
      <input type="text">
</form>
<input type="number" form=testform>


2.placeholder属性(站位符)


3.autofocus属性 指定控件自动获得焦点,在一个html上只能有一个控件拥有这个属性


4.list属性和datalist属性 该属性只有Opera游览器支持,不多介绍。


5.autocomplete属性 自动完成功能,该属性也只有Opera游览器支持。


6.required属性 必填属性,存在该属性,若表单为空,则无法提交。



移动Web表单的input类型

1.search类型文本框 用于搜索关键字的文本输入框,实际与text类型区别不大,只有外观的圆角区别。(建议使用)


2.email类型文本框 用于指定电子邮件内容的文本输入框,在Iphone中会提供一套邮件输入键盘。(建议使用)


3.number类型文本框 与email类型相似,提供数字键盘。(建议使用)


4.range类型文本 数值范围输入文本框,但移动端游览器并不支持。


5.tel类型文本 默认提供一套只有数字的键盘。(建议使用)


6.url类型文本 键盘提供一套网址输入键盘。(建议使用)


7.目前这些属性只有桌面版的Opera游览器比较支持,还有以下这些新增表单元素。

   datetime类型    datetime-local类型    Time类型    Date类型    Week类型   Month类型



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值