与html表单相关的知识点总结

与html表单相关的知识点总结：

<!-- <form></form>表单域 -->
<form action="dome.javascript" method="get" name="name1">
	<!-- 
		<input>定义输入域，其中type是必须要写的属性：
		type="radio"，单选框
		type="checkbox"，复选框
		type="text"，表示可以输入文本
		type="button"，按钮
		type="image"，隐藏形式的提交按钮
		type="file"，提示输入字段和“预览”按钮，供上传文件
		type="hidden"，隐藏的输入字段
		type="submit，提交按钮
		type="reset"，重置按钮
		type="password"，密码字段

		name属性定义input元素的名称，由用户自定义，但单选和双选按钮，所有的选项中的name要一样。其它种类则不用一样。
		value属性定义input元素的值，由用户自定义。
		checked属性表示选项在加载时处于被选中的状态。
		maxlength属性用来限制输入的字段的最大长度。
	-->
	<input type="radio" name="sex" value="male" checked="checked">男<br>
	<input type="radio" name="sex" value="male" checked="checked">女
	
	<input type="text" name="names" value="name" maxlength="12">姓名

</form>

<form action="demo-form.php">

	<!-- 
		<label> 标签为 input 元素定义标注（标记）。
		它是一种常见的表单控件，触发对应表单控件功能，让用户在使用表单的时候能够有更好的体验。 
		label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。
		就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
		<label> 标签的 for 属性应当与相关元素的 id 属性相同。
	-->
	<label for="male">Male</label>
	<input type="radio" name="sex" id="male" value="male"><br>
	<label for="female">Female</label>
	<input type="radio" name="sex" id="female" value="female"><br>
	<input type="submit" value="提交">

</form>
<!-- 下拉菜单 -->
<form action="">
	<select name="cars">
		<!-- 下拉选项 ，至少有一个 -->
		<option value="volvo">Volvo</option>
		<option value="saab">Saab</option>
		<option value="fiat">Fiat</option>
		<option value="audi">Audi</option>
	</select>
</form>
<!-- 文本域 -->
<textarea rows="10" cols="30">
	我是一个文本框。
</textarea>

谢谢观看!