form标签:表单标签,是用户和服务器进行数据交互的渠道和手段。<form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menustextareafieldsetlegend 和 label 元素。表单用于向服务器传输数据。

简单的简单的一个形式:

<form action="#" method="post">
			<input type="" name="" id="" value="" />
		</form>

 action是一个URL 规定当提交表单时向何处发送表单数据。如果没有合适的提交目的时。默认填“#” ,意思是刷新当前页面

method

get与post区别:

   1、get:会将提交的信息显示在地址栏上。
     post:不会将提交的信息显示在地址栏上。
   2、get:对于敏感信息不安全,因为显示在地址栏。
     post:对于敏感信息安全,因为不显示。
   3、get:因为显示在地址栏,而地址栏的信息数据量是有限的,所以不可以提交大数据。(ie6以前2083)
     post:可以提交大体积的数据。
   4、get:会将信息封装到请求行,也就是http请求消息头之前。
     post:会将信息封装到请求体,也就是http请求消息头之后,请求体和请求头之间是通过空行来进行分隔的。

• Get提交:服务器端接收到中文数据,会用默认的编码表ISO88598-1解码。会出现乱码。所以必须要对乱码进行一次编码再解码的动作。
• post提交:服务端收到中文,可以使用编一次再解一次的方式,也就是和get一样的方式完成乱码的解决。

————————————————————————————————————————————————————————————

input的使用:   Input表示Form表单中的一种输入对象,根据Type类型可分为文本输入框、密码输入框、单选/复选框、提交/重置按钮等等。

常用的类型:

1、text:文本框、

<input type="text" name="username" id="username" value="值" autocomplete="off" />

    

form标签设置request header form标签作用_表单

文本框:可以往文本框中输入内容!所写内容用户可见,通过form标签提交

2、password:密框码

<input type="password" name="password" id="password" value="123456" disabled />

 

form标签设置request header form标签作用_表单_02

密码框:填入密码,所写内容不可见!

3、radio:单选按钮

<input type="radio" name="" id="" value="" /><br />

 

form标签设置request header form标签作用_数据_03

单选框:可以点击,只可选择一次

4、checkbox:复选框

<input type="checkbox" name="" id="" value="" checked /><br />

 

form标签设置request header form标签作用_地址栏_04

复选框:可以选择,点击后康框内有对勾,属性中的checked表示默认勾选

5、file:文件选择域

<input type="file" name="" id="" required />

 

form标签设置request header form标签作用_地址栏_05

点击选择按钮后可以浏览本地文件夹然后选择文件!

6、hidden:定义隐藏的输入字段。

<input type="hidden" name="" id="" value="" /><br />

7、button:按钮

注意:有两种形式

<button>按钮</button>
<input type="button" value="哈哈哈哈" />

form标签设置request header form标签作用_学习_06

两种方式表示按钮:点击后通过form表单标签进行提交。

8、reset:重置按钮

<input type="reset" name="" id="" value="重置" /><br />

 

form标签设置request header form标签作用_学习_07

点击重置按钮后,该网页中所有所填写的内容都清空,现在一般不用。

9、submit:表单提交按钮

<input type="submit" value="注册" />

   submit也是一个按钮,点击后将该页面的所有内容进行提交。

10、Image

<input type="image" /> 定义图像形式的提交按钮。

必须把 src 属性 和 alt 属性 与 <input type="image"> 结合使用。

<input type="image" src="submit.gif" alt="Submit" />

11、简单的下拉列表!

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

form标签设置request header form标签作用_学习_08

蓝色显示为下拉目录