6--form常用的input和其他_input 及其他-CSDN博客

本文链接：https://blog.csdn.net/xu_ze_qin/article/details/107555929

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>form常用的input和其他</title>
</head>
<body>
	<form action="" method="get">
		文本：<input type="text" name="user" value="" placeholder="请输入真实姓名"><br>
		密码：<input type="password" name="pwd" value="" placeholder="请输入密码"><br>
		数字：<input type="number" name="shuzi" value=""><br>
		邮箱：<input type="email" name="email" value=""><br>
		日期：<input type="date" name="date" value=""><br>
		周：<input type="week" name="week" value=""><br>
		月：<input type="month" name="month" value=""><br>
		单选：<input type="radio" name="sex" value="男">男
		<input type="radio" name="sex" value="女">女<br>
		多选：<input type="checkbox" name="like" value="篮球">篮球
		<input type="checkbox" name="like" value="足球">足球
		<input type="checkbox" name="like" value="排球">排球<br>
		颜色：<input type="color" name="color" value=""><br>
		范围：<input type="range" name="fanwei" value=""><br>
		搜索：<input type="search" name="sousuo" value=""><br>
		地址：<input type="url" name="wangzhi" value=""><br>
		隐藏：<input type="hidden" name="yincang" value="1"><br>
		图片：<input type="image" name="photo" value="" src=""><br>
		文件：<input type="file" name="wenjian" value=""><br>
		普通：<input type="button" name="" value="普通">
		重置：<input type="reset" name="" value="重置">
		提交：<input type="submit" name="" value="提交"><br>
		下拉框：<select name="area" id="">
			<option value="">上海</option>
			<option value="">北京</option>
			<option value="">河北</option>
		</select><br>
		多行文本：<textarea name="" id="" cols="30" rows="10"></textarea>
	</form>
</body>
</html>