Home思洋影视事业部网站建设知识库
0 Comments

创建表单

发布于：2012-11-16  |   作者：广州网站建设  |   已聚集：人围观
创建表单表单（Form）是HTML最常见的标记之一，用于采集和提交用户输入的信息。Form表单由3个要素构成，分别是表单控件、Action和Method。
表单控件（Form Controls）：通过各种控件，用户可以输入文字信息、可以选择内容。表单中常见的控件如表1.5所示。
Action：指明处理表单信息的文件。广州网站建设
Method：表示发送信息的方式。Method有Get和Post两个值。Get是将表单控件的name和value信息编码后通过URL发送，通常是为了取得和显示数据；Post则通过HTTP发送，用于数据的保存和更新。广州网站建设
表1.5  表单常用控件说明表
表单控件（Form Contros） 说    明
input type="text" 单行文本输入框
input type="submit" 将表单（Form）里的信息提交给
表单里action所指向的文件
创建表单表单（Form）是HTML最常见的标记之一，用于采集和提交用户输入的信息。Form表单由3个要素构成，分别是表单控件、Action和Method。
表单控件（Form Controls）：通过各种控件，用户可以输入文字信息、可以选择内容。表单中常见的控件如表1.5所示。
Action：指明处理表单信息的文件。
Method：表示发送信息的方式。Method有Get和Post两个值。Get是将表单控件的name和value信息编码后通过URL发送，通常是为了取得和显示数据；Post则通过HTTP发送，用于数据的保存和更新。
表1.5  表单常用控件说明表
表单控件（Form Contros） 说    明
input type="text" 单行文本输入框
input type="submit" 将表单（Form）里的信息提交给
表单里action所指向的文件
input type="checkbox" 复选框
input type="radio" 单选框
select 下拉框
textArea 多行文本输入框
input type="password" 密码输入框（输入的文字用*表示）
 
表单控件常见的有单行输入文本框、复选框、单选框、下拉框和多行输入框。下面作具体的介绍。
1．单行输入文本框
单行输入文本框控件允许用户输入一行文本。代码示例如下：

				
    
					
  1. 
						<form action="http://../yourname.asp" method="get">
    2. 
					
  2. 
						<h5>请输入你的姓名：<h5>
    3. 
					
  3. 
						<input type="text" name="yourname">
    4. 
					
  4. 
						<h5>请输入你的密码：<h5>
    5. 
					
  5. 
						<input type="password" name="yourpw">
    6. 
					
  6. 
						<input type="submit" value="提交">
    7. 
					
  7. 
						</form>
    8. 
				

				【代码解读】

				上面示例中，"密码"输入框用标记（input type="password"）表示，"提交"按钮用标记（input type="submit"）表示。

				2．复选框（checkbox）

				复选框控件允许用户选中多个选项。代码示例如下：

				

				
    
					
  1. 
						<input type="checkbox" name="sports" value="snooker" checked>斯诺克<br>
    2. 
					
  2. 
						<input type="checkbox" name="sports" value="tennis">网球<br>
    3. 
					
  3. 
						<input type="checkbox" name="sports" value="basketball">篮球<br>
    4. 
				

				注意：checked表示默认值，是已选中状态。

				3．单选框（radio）

				单选框控件允许用户在提供的多个选择中，选择一个选项。代码示例如下：

				

				
    
					
  1. 
						<input type="radio" name="sports" value="snooker" checked>斯诺克<br>
    2. 
					
  2. 
						<input type="radio" name="sports" value="tennis">网球<br>
    3. 
					
  3. 
						<input type="radio" name="sports" value="basketball">篮球<br>
    4. 
				

				4．下拉框（select）

				下拉框控件允许用户选择一个下拉菜单中的选项。代码示例如下：

				

				
    
					
  1. 
						<select  name="sports">
    2. 
					
  2. 
						<option value="snooker">斯诺克  
    3. 
					
  3. 
						<option value="tennis">网球  
    4. 
					
  4. 
						<option value="basketball">篮球  
    5. 
					
  5. 
						</select>
    6. 
				

				5．多行输入框（textarea）

				多行输入框控件允许用户输入多行文本。代码示例如下：

				

				
    
					
  1. 
						<textarea name="suggest" cols ="50" rows = "4"></textarea>
    2. 
				

				

				注意：cols为文本框宽度，rows为文本框高度。input type="checkbox"		
			
				复选框
		

		

			
				input type="radio"
			
				单选框
		

		

			
				select
			
				下拉框
		

		

			
				textArea
			
				多行文本输入框
		

		

			
				input type="password"
			
				密码输入框（输入的文字用*表示）
		

	




	 

表单控件常见的有单行输入文本框、复选框、单选框、下拉框和多行输入框。下面作具体的介绍。广州网站建设

1．单行输入文本框

单行输入文本框控件允许用户输入一行文本。代码示例如下：




    
	
  1. 
		<form action="http://../yourname.asp" method="get">
    2. 
	
  2. 
		<h5>请输入你的姓名：<h5>
    3. 
	
  3. 
		<input type="text" name="yourname">
    4. 
	
  4. 
		<h5>请输入你的密码：<h5>
    5. 
	
  5. 
		<input type="password" name="yourpw">
    6. 
	
  6. 
		<input type="submit" value="提交">
    7. 
	
  7. 
		</form>
    8. 


【代码解读】

上面示例中，"密码"输入框用标记（input type="password"）表示，"提交"按钮用标记（input type="submit"）表示。

2．复选框（checkbox）   广州网站设计

复选框控件允许用户选中多个选项。代码示例如下：




    
	
  1. 
		<input type="checkbox" name="sports" value="snooker" checked>斯诺克<br>
    2. 
	
  2. 
		<input type="checkbox" name="sports" value="tennis">网球<br>
    3. 
	
  3. 
		<input type="checkbox" name="sports" value="basketball">篮球<br>
    4. 


注意：checked表示默认值，是已选中状态。广州网站设计

3．单选框（radio）

单选框控件允许用户在提供的多个选择中，选择一个选项。代码示例如下：




    
	
  1. 
		<input type="radio" name="sports" value="snooker" checked>斯诺克<br>
    2. 
	
  2. 
		<input type="radio" name="sports" value="tennis">网球<br>
    3. 
	
  3. 
		<input type="radio" name="sports" value="basketball">篮球<br>
    4. 


4．下拉框（select）

下拉框控件允许用户选择一个下拉菜单中的选项。代码示例如下：




    
	
  1. 
		<select  name="sports">
    2. 
	
  2. 
		<option value="snooker">斯诺克  
    3. 
	
  3. 
		<option value="tennis">网球  
    4. 
	
  4. 
		<option value="basketball">篮球  
    5. 
	
  5. 
		</select>
    6. 


5．多行输入框（textarea）

多行输入框控件允许用户输入多行文本。代码示例如下：




    
	
  1. 
		<textarea name="suggest" cols ="50" rows = "4"></textarea>
    2. 




注意：cols为文本框宽度，rows为文本框高度。
			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机