HTML5中的新元素
今天闲扯一下html5中的新增加的一些元素：
先说一下HTML5的声明<!doctype html>，通过HTML的声明可以体现出W3C故意弱化了HTML的版本，所以个人觉得，W3C希望HTML5是一个融合的版本。
再说一下HTML的发展史：
最开始的HTML的规范并不严格，定义元素大小写也不是特别敏感，所以令前端开发人员非常头疼。
XHTML1.0的统一了标签只允许小写，使得当时前端人员非常拥护，然而2.0出现后，推翻了之前1.0的很多习惯，使得前端人员又重新回到了HMTL的怀抱，之后HTML更新了HTML4的版本，被广泛使用。历时8年后又推出了HMTL5的版本，也就是现在所说的HTML5。
HTML5具有一些特点，在移动端浏览器相比PC端浏览器对HTML5的支持更好一些，HTML5的新特性不多，要与JS配合使用，HTML将来一定是一种主流的语言
接下来说一说HTML5中的新的表单，Input类型
在HTML5中，Input添加了许多新类型，我大概写几个。
email类型 - 可以判断字符串中是否包含"@"符号，判断"@"前面是否有文字，判断"@"后面是否有文字。<input type="email" />
search类型 - 搜索类型，文本框最右侧会有一个"X"。<input type="search"/>
URL类型 - 路径类型，可以判断输入的字符串中是否包含"http:"协议，但是在判断中无论"http:"是在开始，还是在其他位置，都可以通过验证。<input type="URL"/>
tel类型 - 电话类型，是一个很特别的类型，只能在手机端浏览器访问时才会有效果<input type="tel"/>
number类型 - 数字类型，number类型中还有min属性和max属性，分别设置数字的最小值和最大值，还有一个step属性，可以设置步长，可以解释为每次增加或减少的量值。<input type="number" min="0" max="100" step="5"/>
range类型 - 范围类型，显示的效果是一个滑动条，属性也有：min最小值，max最大值，step步长，多了一个value属性，可以显示当前值。<input type="range" min="0" max="100" step="5" value="50"/>
color类型 - 颜色类型，略屌<input type="color"/>
date类型 - 日期类型，格式为yyyy/MM/dd ，和国际标准的日期类型有些差别另外还有周类型和月份类型，week,month，然而实际很少使用<input type="date"/>
今天暂且扯这么多，有什么不对的地方，希望看到的朋友帮忙纠正。
我把表单添加进来，想看效果的可以直接拿走看一看。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Input在HTML5中的新属性</title>
</head>
<body>
<fieldset>
<legend>Input在HTML5中的新属性</legend>
<form>
<table>
<tr>
<td>Email:</td>
<td><input type="email" ></td>
</tr>
<tr>
<td>搜索属性</td>
<td><input type="search" ></td>
</tr>
<tr>
<td>URL地址属性</td>
<td><input type="url" ></td>
</tr>
<tr>
<td>数字类型</td>
<td><input type="number" min="0" max="100" step="2" ></td>
</tr>
<tr>
<td>范围类型</td>
<td><input type="range" min="0" max="100" step="2" value="0"></td>
</tr>
<tr>
<td>日期类型:</td>
<td><input type="date"></td>
</tr>
<input type="button" value="提交">
</table>
</form>
</fieldset>
</body>
</html>
浙公网安备 33010602011771号