Html5的新增type属性怎么用？代码在下面，谢谢大神们
<html><head><title>Html5中新增的type功能</title></head><body><formaction="back.html"><table...
<html>
<head><title>Html5中新增的type功能</title></head>
<body>
<form action="back.html">
<table>
<tr>
<!--email标记验证是否输入@-->
<td>email:</td>
<td><input type="email" id="email" name="email"></input></td>
</tr>
<tr>
<td>Number(步长是十):</td>
<td><input type="number" id="number"name="number" min="1" max="100"
step="10" value="10"></input></td>
</tr>
<tr>
<td>range:</td>
<td><input type="range" id="range" name="range" min="1" max="1000"
step="100" value="100"></input></td>
</tr>
<tr>
<td>color:</td>
<td><input type="color" id="color" name="color"></input></td>
</tr>
<tr>
<td>Data</td>
<td><input style="data" id="data" name="data"></input></td>
</tr>
<tr>
<td><input type="submit" id="submit" name="submit"></input></td>
<td><input type="reset" id="reset" name="reset"></input></td>
</tr>
</table>
</form>
</body>
</html> 展开
<head><title>Html5中新增的type功能</title></head>
<body>
<form action="back.html">
<table>
<tr>
<!--email标记验证是否输入@-->
<td>email:</td>
<td><input type="email" id="email" name="email"></input></td>
</tr>
<tr>
<td>Number(步长是十):</td>
<td><input type="number" id="number"name="number" min="1" max="100"
step="10" value="10"></input></td>
</tr>
<tr>
<td>range:</td>
<td><input type="range" id="range" name="range" min="1" max="1000"
step="100" value="100"></input></td>
</tr>
<tr>
<td>color:</td>
<td><input type="color" id="color" name="color"></input></td>
</tr>
<tr>
<td>Data</td>
<td><input style="data" id="data" name="data"></input></td>
</tr>
<tr>
<td><input type="submit" id="submit" name="submit"></input></td>
<td><input type="reset" id="reset" name="reset"></input></td>
</tr>
</table>
</form>
</body>
</html> 展开
展开全部
你这个问题手实话很难回答。我也不知道你要问什么。
比如在input 标签中，你肯定知道type 的属性有文本，单选框，多选框，密码框，提交。等
那在HTML5增加了哪些？ 日历，拾色器，Email，URL，等
按照上面提供的代码分析
type="email" 则为自动验证是否为邮箱，邮箱的特征是什么？是否包含@
type="number" 则为自动验证数字，就是说你填写的内容排除了0-9之外的所有内容
type="range" 更好理解，一个滑动条，step设置为100就是每拖动一次改变100值
type="color" 自动出现取色器，就是选颜色的
style="data" 这个是日期date吧。你写错了？
其他多看看HTML5的文章
比如在input 标签中，你肯定知道type 的属性有文本，单选框，多选框，密码框，提交。等
那在HTML5增加了哪些？ 日历，拾色器，Email，URL，等
按照上面提供的代码分析
type="email" 则为自动验证是否为邮箱，邮箱的特征是什么？是否包含@
type="number" 则为自动验证数字，就是说你填写的内容排除了0-9之外的所有内容
type="range" 更好理解，一个滑动条，step设置为100就是每拖动一次改变100值
type="color" 自动出现取色器，就是选颜色的
style="data" 这个是日期date吧。你写错了？
其他多看看HTML5的文章
更多追问追答
追问
抱歉，其实是这个代码运行出来就是名字和文本框，出不来想要的拖动效果和其他效果，我想问为什么，是代码出错了吗？
追答
如果把style="data"改为type="date"
运行结果是这样的。如果你显示不是这样，不知道是否你浏览器版本有问题？
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
