html的表单域标签（单选框，复选框，编辑文本框，下拉框，提交按钮，重置按钮，普通按钮，隐藏文本框）

本文链接：https://blog.csdn.net/wyqwilliam/article/details/83758184
<html>
	<head>
		<title>常见的form表单域标签学习</title>
		<meta charset="UTF-8"/>
	</head>
	<!--
		常见的表单域标签学习：
			作用：收集用户数据
			使用：
				普通文本框：
					<input type="text" name="键名" id="唯一标识符" value="" />
				密码框：
					<input type="password" name="键名" id="唯一标识符" value="" />
				单选框：
					<input type="radio" name="" id="" value=""  checked="checked"/>
					使用checked属性声明默认选择
					注意：只有在同一个组的单元框才会只能选择一个，name属性值相同的单选框为一组
				多选框:
					 <input type="checkbox" name="" id="" value="" />
					 注意：一类多选的多选框的name属性值必须一致。
				下拉框：
					<select name="">
						<option value="">数据</option>
						<option value="">数据</option>
						<option value="">数据</option>
					</select>
					一个option声明一条下拉框数据
				文本域：
					<textarea name="" rows="5" cols="40"></textarea>
				提交按钮：
					<input type="submit" name="" id="" value="提交" />
					注意：此按钮一般结合form标签使用，用来开启数据提交功能。
				重置按钮
					<input type="reset" name="" id="" value="重置" />
					注意:此按钮会将表单域标签清空，慎用！
				普通按钮：
					<input type="button" name="" id="" value="普通按钮" />
					主要是结合js使用
				隐藏文本框：
					<input type="hidden" name="hd" id="" value="张三" />
					用户看不到此标签，如果此标签在form中，标签的值仍然会被提交。主要用来隐藏并提交一些用户无法看到的信息。
				文件选择标签:
					
		注意：
			form表单域标签是用来收集用户数据的，用户可以点也可以写。但是目前我们需要把表单域标签声明在form标签中
			才能进行的收集 的数据的提交。但是form只是其中的一种方式，后面也可以使用js来实现。
		注意2：
			目前收集用户数据的方式:
				1、声明form标签，并赋值action和method的值。
				2、在form标签中使用表单域标签声明要收集的数据
				3、要提交的数据，表单域标签必须声明name属性值。
				4、使用submit按钮进行数据的统一提交
	-->
	<body>
		<h3>常见的form表单域标签学习</h3>
		<hr />
		<form action="#" method="get">
			<input type="hidden" name="hd" id="" value="张三" />
			<table >
				<tr>
					<td>用户名：</td>
					<td><input type="text" name="uname" id="uname" value="" /></td>
				</tr>
				<tr>
					<td>年龄：</td>
					<td>
						<input type="text" name="age" id="age" value="" />
					</td>
				</tr>
				<tr>
					<td>密码：</td>
					<td>
					<input type="password" name="pwd" id="pwd" value="" />
					</td>
				</tr>
				<tr>
					<td>性别：</td>
					<td>
						男 <input type="radio" name="sex" id="sex" value="0" checked="checked" />
						女 <input type="radio" name="sex" id="sex" value="1" />
					</td>
				</tr>
				<tr>
					<td>爱好：</td>
					<td>
						<input type="checkbox" name="fav" id="fav" value="1" />唱歌
						<input type="checkbox" name="fav" id="fav" value="2" />跳舞
						<input type="checkbox" name="fav" id="fav" value="3" />LOL
						<input type="checkbox" name="fav" id="fav" value="4" />吃鸡
					</td>
				</tr>
				<tr>
					<td>籍贯:</td>
					<td>
						<select name="address" id="">
							<option value="1">商丘</option>
							<option value="2">北京</option>
							<option value="3">上海</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>个人介绍:</td>
					<td>
						<textarea name="intro" rows="5" cols="40"></textarea>
					</td>
				</tr>
				<tr>
					<td><input type="submit" name="" id="" value="提交" /></td>
					<td><input type="reset" name="" id="" value="重置" /></td>
				</tr>
			</table>
		</form>
		<hr />
		<input type="button" name="" id="" value="普通按钮" />
		<input type="hidden" name="" id="" value="张三" />
		<input type="file" name="" id="" value="" />
	</body>
</html>