web前端开发基础－－－制作表单类页面

1. 制作用户登录表单

例子

	
		
		
	
		
		

			

				
用户登录表单

				
				
					用户名：
				
				
				
					密码：
				
				


				
			
		
		
		

			

				
用户登录表单
				
方式一
				
					用户名：
					
				
				
方式二
				用户名：
				
			
			
		
		
		
		
	

1. 表单的结构

标签是所有表单控件的基本容器

                 

                         

                 

每一个from标签都有一个action属性,其定义了提交数据的URL。

Method属性，定义了提交表单数据的两种方式get和post

Get方式：将表单数据以名称/值对的形式附加在action所定义的URL末尾来进行传输，默认情况是采用get方式

注意：

Get中URL中的参数是可见的，所以说是不安全的

URL长度有限的，get方式常用于短表单的数据传递

Post方式：将表单数据放在HTTP头信息中进行传输。（安全）有以下情景

      用户上传文件时

      表单数据非常长

      包含保密的数据

3,标签

 用于为input元素定义描述信息，例如表单控件的名称等，还可以扩大表单控件的焦点区域。

例子：

	
		
		
	
		

		
		

			

				
用户登录表单
				
方式一
				
					用户名：
					
				
				
方式二
				用户名：
				
			
			
		
		
		
		
	

4，

和

标签（用于将表单控件进行分组）

     

控件用于在相关表单控件周围绘制边框

     

控件用于为这一组表单控件定义标题

5，input输入控件

部分属性如下代码示例

		用户名：
		

		密码：