HTML中的表单与表单元素

Q：什么是表单（form）？
A：表单是一个区域，采集用户的信息。
Q：什么是表单元素？
A：包括但不限于：常见的文本框、按钮、单选、复选框、下拉列表以及文本域等等

1、常见的登陆界面

<form>
	账户：<input type="text" name="userName"/><!--一般来说都会带有一个name属性以告知后端系统-->
	<br />
	密码：<input type="password" name="userPsd"/>
	<br />
	<input type="submit" value="提交" name="submit">
	<input type="reset" value="重置" name="reset">
	<!--这里创建了一个提交按钮和一个重置按钮，value决定了按钮里面的文字-->
</form>

2、单选框、复选框、下拉列表与文本域

<form>
	性别：
	男<input type="radio" value="boy" name="gender" checked="checked"/>
	女<input type="radio" value="girl" name="gender" />
	<!--注意：单选框的name属性必须一致，这样才能让它“单选”；checked是默认选项-->
	
	爱好：
	<input type="checkbox" value="1" name="music"/> 音乐
	<input type="checkbox" value="2" name="sport"/> 体育
	<input type="checkbox" value="3" name="read"/> 阅读
	<!--复选框的name属性可以不一致-->
	
	密保问题：
	<select>
		<option selected="selected">你的出生地？</option>
		<option>你的宠物名？</option>
		<option>你的小学名？</option>
	</select>
	<!--这就是一个下拉列表，selected也是默认选项的意思-->
	
	个人简介：<br />
	<textarea cols="50" rows="10">
		在这里输入简介......
	</textarea>
	<br />
	<input type="submit" value="提交" name="submit">
	<!--这样就做好了一个带有提交按钮的文本域-->
</form>

PS：单选框为什么叫radio（收音机）呢？
这是因为在很老的收音机/电视上，没有遥控器可以选台，而是采用一排按钮来调节频段/频道。这一排按钮只能有一个被按下去，因此也就是单选框咯！