学习日记7：HTML表单

1.<form> 元素定义 HTML 表单，HTML表单用于收集用户输入，表单元素包括不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

2.<input> 元素根据不同的 type 属性有很多类型。

（1）<input type="text"> 定义用于文本输入的单行输入字段，如：

	<form>
		姓名：
		<br><input type="text" name="myname">
		<br>邮箱:
		<br><input type="text" name="email">
	</form> 

1. <input type="submit"> 定义提交表单的按钮。如：

<input type="submit" value="提交">

显示效果为：

 

（3）<input type="password"> 定义密码字段，如：

<br><input type="password" name="psd">

显示效果为：

 

（4）<input type="radio"> 定义单选按钮。如：

<form>
		<input type="radio" name="sex" value="male" checked>男
		<br><input type="radio" name="sex" value="famale">女
	</form> 

显示效果为：

（5）<input type="checkbox"> 定义复选框。如：

<input type="checkbox" name="checkbox1">复选框1
<br><input type="checkbox" name="checkbox2">复选框2

显示效果为：

 

（6）<input type="number"> 用于应该包含数字值的输入字段。如：

<input type="number" name="shuzi" min="1" max="5">

3.<fieldset> 元素组合表单中的相关数据。<legend> 元素为 <fieldset> 元素定义标题。如：

	<form>
		<fieldset>
			<legend>姓名邮箱</legend>
		姓名：
		<br><input type="text" name="myname">
		<br>邮箱:
		<br><input type="text" name="email">
		<br><input type="submit" value="提交">
			</fieldset>
	</form> 

显示效果为：