HTML5中input标签新增的类型

最新推荐文章于 2024-04-30 17:59:49 发布

中情

最新推荐文章于 2024-04-30 17:59:49 发布

阅读量1.4k

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/zhongqing_fzq/article/details/51896486

版权

Web前端专栏收录该内容

37 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>HTML5中input的新标签</title>
</head>
<body>
颜色选择器:<input type="color" id="favcolor" value="#ff0080" /> <hr />
日期:<input type="date" id="date"/> <hr />
日期和时间:<input type="datetime" id="datetime"/><hr /> 
日期和时间(无时区):<input type="datetime-local" id="localDateTime"/><hr />
<form method="post" action="input的新标签.html">

Email:<input type="email" id="email" /><input type="submit" value="提交" />
</form>
<hr />
日期(月和年):<input type="month" id="month"/> <hr />
文件选择框:<input type="file" id="file"/> <hr />
数字选择框:<input type="number" id="number" step="2" min="0" max="10" value="3"/><hr />
范围选择框:
<form οninput="o.value = parseInt(rge.value)">
<input type="range" id="rge" min="0" max="100" value="20" />  
<output name="o" for="rge"></output>
</form>
<hr />
搜索域:<input type="search" id="se" placeholder="search"/><hr />
电话号码:<input type="tel" id="telphone"/><hr />
<form action="input的新标签.html" method="post"> 
URL: <input type="url" id="url" /> <input type="submit" value="提交"/>
</form>
<br />
选择周和年:<input type="week" id="week"/>
</body>
</html>