HTML5研究之form表单

最新推荐文章于 2024-04-01 09:17:43 发布

原创最新推荐文章于 2024-04-01 09:17:43 发布 · 置顶 · 929 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #input #safari #list #浏览器 #file

HTML5 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了HTML5中的各种输入类型及其特性的使用方法，包括颜色、日期、时间等，同时展示了如何通过文件类型实现文件上传，并讨论了不同浏览器的支持情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写出如下代码时

<!DOCTYPE html>
<html>
<title>html5 test</title>
<body>
<datalist id="dl">
<option value="11"/>
<option value="22"/>
<option value="33"/>
<option value="dd"/>
</datalist>
color:<input type="color" /><br />
date:<input type="date"/><br />
datetime:<input type="datetime"/><br />
email:<input type="email"/><br />
file:<input type="file"/><br />
month:<input type="month"/><br />
number:<input type="number" list="dl" autofocus="true"/><br />
range:<input type="range" min="0" max="8" step="2"/><br />
search:<input type="search"/><br />
tel:<input type="tel" list="dl"/><br />
url:<input type="url"/><br />
week:<input type="week" autofocus="true"/><br />
time:<input type="time"/><br />
text:<input type="text" list="dl" pattern="[\w]{0,5}"/><br />
text2:<input type="text" placeholder="23" autofocus="true"/><br />
</body>
</html>