<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html5表单元素</title>
</head>
<body>
<!--我们这里引用了四种移动浏览器ios safari、android browser、backgberry webkit,opera moblie-->
<!--placeholder主要作用是当文本框处于尚未输入的状态并且内容为空的时候,给出文本框的提示内容-->
<!--不支持opera moblie-->
<h6>文本框尚未输入并且内容为空的时候,给出文本框的提示</h6>
<input type="text" placeholder="请输入内容">
<br>
<!--autofocus自动获得焦点,只能有一个空间具有该属性 只支持blackberry webkit-->
<h6>自动获得焦点</h6>
<input type="text" autofocus>
<!--List和datalist属性元素只有Opera浏览器支持-->
<!--autocomplet属性具有自动完成的功能。可以对属性autocomplete指定两种值,on表示自动完成输入,off表示禁止自动完成 只支持Opera浏览器-->
<!--required属性,如果该元素的值为空,则无法提交表单 android browser不支持该属性-->
<!--移动web表单的Input类型search email number range tel url-->
<br>
<!--search类型文本,跟普通文本框的区别主要还是外观-->
<h6>serach类型文本</h6>
<input type="search">
<br>
<!--email类型文本,此种类型iphone下会给你提供E-mail相关的字符输入键-->
<h6>email类型文本</h6>
<input type="email">
<br>
<!--number类型的文本,iphone下显示默认的数字键盘-->
<h6>number类型文本</h6>
<input type="number">
<br>
<h6>range类型文本</h6>
<!--range类型文本,数值范围,提供一种滑动输入方式,ios,android咱变故支持-->
<input type="range">
<br>
<!--tel类型文本时一种供用户输入电话号码的文本框类型,在iphone下显示拨号键-->
<h6>tel类型文本</h6>
<input type="tel">
<br>
<h6>输入URL地址的文本框类型</h6>
<!--url类型的文本,输入URL地址的文本框类型-->
<input type="url">
<br>
<h6>datatime</h6>
<input type="datetime">
<br>
<h6>datetime-local</h6>
<input type="datetime-local">
<br>
<h6>time</h6>
<input type="time">
<br>
<h6>date</h6>
<input type="date">
<br>
<h6>week</h6>
<input type="week">
<br>
<h6>month</h6>
<input type="month">
</body>
</html>