HTML5中input输入框的种类

Posted 2022-11-03 翱翔天地

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5中input输入框的种类相关的知识，希望对你有一定的参考价值。

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、实现结果