HTML5新的input类型
2013-08-08 15:48
369 查看
<!doctype html>
<head>
</head>
<body>
<!-- 只有输入正确的url和email才能够被提交 -->
<form action="" method="POST">
<!--
<input type="url" name="url">
<input type="email" name="email">
<input type="number" name="number" value=5>
<input type="month" name="month">
<input type="week" name="week">
<input type="time" name="time">
<input type="color" name="color" value="#654321">
搜索框
autofocus 自动获取焦点 required="required" 表示字段不能为空 placeholder 作为提示当输入内容,提示消失
-->
<input type="search" name="search" autofocus="autofocus" placeholder ="搜索一下">
<input type="range" name="points" min="1" max="10" />
<input type="datetime" name="datetime" required="required" />
<input type="submit"/>
</form>
</body>
</html>
<head>
</head>
<body>
<!-- 只有输入正确的url和email才能够被提交 -->
<form action="" method="POST">
<!--
<input type="url" name="url">
<input type="email" name="email">
<input type="number" name="number" value=5>
<input type="month" name="month">
<input type="week" name="week">
<input type="time" name="time">
<input type="color" name="color" value="#654321">
搜索框
autofocus 自动获取焦点 required="required" 表示字段不能为空 placeholder 作为提示当输入内容,提示消失
-->
<input type="search" name="search" autofocus="autofocus" placeholder ="搜索一下">
<input type="range" name="points" min="1" max="10" />
<input type="datetime" name="datetime" required="required" />
<input type="submit"/>
</form>
</body>
</html>
相关文章推荐
- HTML5的 input:file上传类型控制
- 使用 HTML5 input 类型提升移动端输入体验(键盘)
- HTML5 Input 类型
- 玩转html5(一)-----盘点html5新增的那些酷酷的input类型和属性
- 转:HTML5 新的 Input 类型
- HTML5表单之Input 类型-email
- HTML5的 input:file上传类型控制
- HTML5 form input 文本框新加的类型
- 【HTML5】input类型
- HTML5 input新增的几种类型(数字、日期、颜色选取、范围)
- HTML5的input:file上传类型控制
- HTML5中新的input类型
- WEB前端 -- input类型、fieldset、HTML5新标签
- html5新增加的input类型元素
- HTML5 新的 Input 类型
- HTML5 Input 类型,HTML5 表单元素,HTML5 表单属性
- HTML5 input file类型,accept(文件类型控制)
- HTML5学习笔记简明版(5):input的type超级类型
- HTML5表单之Input 类型-url
- HTML5 Input 类型