Chinaunix首页 | 论坛 | 博客
  • 博客访问: 2537675
  • 博文数量: 245
  • 博客积分: 4125
  • 博客等级: 上校
  • 技术积分: 3113
  • 用 户 组: 普通用户
  • 注册时间: 2009-03-25 23:56
文章分类

全部博文(245)

文章存档

2015年(2)

2014年(26)

2013年(41)

2012年(40)

2011年(134)

2010年(2)

分类: HTML5

2013-04-13 17:04:38

本文记录阅读《新手学HTML 5移动开发——面向iOSAndroid平台》关于HTML5的基础知识,以下是阅读笔记:
电子邮件输入域[]—显示一个用于输入电子邮件地址的表单域。
URL输入域[]—显示一个用于输入URL的表单域。
电话号码输入域[]—显示一个用于输入电话号码的表单域。
搜索域[]—显示一个用于输入搜索关键字的表单域。
滑块(范围选择)[]—显示一个滑块控件。
数值设定框[]—显示一个用于输入数值的表单域,通常是选值框。
日期选择域[]—显示用于日期选择的表单域,支持日期、月份或周。
可以选择时间的日期选择域[]—显示一个用于选择日期和时间的表单域,支持日期和时间、本地日期和时间或只有时间。
颜色选择域[]—显示一个用于指定颜色的表单域。
支持自动聚焦[]—支持将焦点至于特定的表单元素上。
支持占位文本[]—支持在表单域内显示占位文本。
支持在位编辑[

lorem ipsum]—支持通过浏览器在位编辑内容。



下面是一个例子:

点击(此处)折叠或打开

  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  4. <title></title>
  5. </head>
  6. <body>
  7. <form method="post" action="">
  8.   <label for="priority">priority</label>
  9.   <input type="range" min="0" max="10" name="priority" value="0" id="priority"/>
  10.   <br/>
  11.   <label for="estimated_hour">estimated_hour</label>
  12.   <input type="number" name="estimated_hour" min="0" max="1000" id="estimated_hour"/>
  13.   <br/>
  14.   <label for="start_date">start_date</label>
  15.   <input type="date" name="start_date" id="start_date" value="2012-11-27">
  16.   <br/>
  17.   <label for="email">email contact</label>
  18.   <input type="email" name="email" id="email"/>
  19.    <br/>
  20.    <label for="url">staging URL</label>
  21.    <input type="url" name="url" id="url"/>
  22.    <br/>
  23.    <label for="project_color">project color</label>
  24.    <input type="color" name="project_color" id="project_color"/>
  25.   </form>
  26. </body>
  27. </html>



阅读(1373) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~