表单和表单控件以及表单域详解

表单域：存放表单的区域。把表单控件里面的信息全部收集提交。
表单控件
input表单控件：
1.是个单标签
2.input可以通过type（类型）属性来变换形状

单选按钮注意：

 
    	
用户名：
    	
密  码：
    	
性 别： 男  女 
    

由图能够看出来，此时可以对性别男和女同时选中，这是错误的，因此只需要将单选按钮名称统一即可。
修改

	
用户名：
	
密  码：
	
性 别： 男  女 

此时，只能选中 男 或者 女，不能两者同时选中。
单选按钮和复选按钮默认的被选中状态：

使用checked="checked"即可实现

label标签的使用
1.用label标签直接包裹input标签就可以了
2.如果label标签里面有许多个表单，想定位到某个，可以通过for...id的格式来进行
例：

	
label标签的使用
	用户名： 

	用户名：密码：

通过效果图可以看出，有多个文本框时，通过使用for...id可以控制光标定位到哪个文本框。
文本域控件：...双标签
作用：可以实现文本的多行输入

留言板：请输入留言

效果图：

下拉菜单：
代码结构：

 
      选项1
      选项2
      选项3
      ...
    

代码：

学科：
	
		    请选择你喜欢的学科
		    HTML
		    CSS
		    JAVA
		    前端
		    数学
	

效果图：

如果你想使下拉菜单初始默认一个，可以在option标签内，使用selected="selected"
如：

学科：
	
		    请选择你喜欢的学科
		    HTML
		    CSS
		    JAVA
		    前端
		    数学
	

表单域：
语法结构：

  各种表单控件

常用属性：
1. Action
在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。
2. method
用于设置表单数据的提交方式，其取值为get或post。
3. name
用于指定表单的名称，以区分同一个页面中的多个表单。

 
表单域
	

		
用户名：
		
密 码：
		

		

	
	

效果：