HTML5中input输入框的种类

最新推荐文章于 2024-07-29 09:25:14 发布

翱翔天地

最新推荐文章于 2024-07-29 09:25:14 发布

阅读量1w

点赞数 4

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.csdn.net/you23hai45/article/details/60995105

版权

HTML5 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

1、问题背景

input输入框从HTML5版本开始，有多少种类型

2、实现源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>input输入框类型</title>
		<style>
			input{
				width: 200px;
				font-family: "微软雅黑";
				font-size: 14px;
			}
		</style>
	</head>
	<body>
		<div>
			<input type="button" value="查询"/><br><br>
			<input type="checkbox" /><br><br>
			<input type="color" /><br><br>
			<input type="date" /><br><br>
			<input type="datetime" /><br><br>
			<input type="email" /><br><br>
			<input type="file" /><br><br>
			<input type="hidden" /><br><br>
			<input type="image" /><br><br>
			<input type="month" /><br><br>
			<input type="number" /><br><br>
			<input type="password" value="密码"/><br><br>
			<input type="radio" /><br><br>
			<input type="range" /><br><br>
			<input type="reset" value="重置"/><br><br>
			<input type="search" /><br><br>
			<input type="submit" value="提交"/><br><br>
			<input type="tel" /><br><br>
			<input type="text" /><br><br>
			<input type="time" /><br><br>
			<input type="url" /><br><br>
			<input type="week" />
		</div>
	</body>
</html>

3、实现结果