國色天香：Form表單的基本使用

form表單：用來接收用戶輸入信息，表單中可以包含input標(biāo)簽（我們將會在后面詳細(xì)講解），下面學(xué)習(xí)一下form表單的屬性。

action ：設(shè)置URL將表單數(shù)據(jù)發(fā)送到相應(yīng)的服務(wù)器。

method：設(shè)置如何發(fā)送表單數(shù)據(jù)，分為兩種方式"post"和"get",默認(rèn)為"get"方法。

"get"方法 瀏覽器與action屬性中的URL建立連接后，一次傳輸表單中所有的數(shù)據(jù)，并且會將數(shù)據(jù)直接附在URL之后。（不安全）

"post"方法 瀏覽器與action屬性中的URL進(jìn)行連接后，瀏覽器將表單數(shù)據(jù)分段發(fā)送給服務(wù)器；在服務(wù)器端，需要對接收到的數(shù)據(jù)進(jìn)行解碼處理（服務(wù)器端會表明如何讓接受數(shù)據(jù)參數(shù)）。

下面是關(guān)于action和method屬性使用的代碼：

<form method="post" action="http://codefordream.com/form">    name:<input name="name" />    <button>submit</button></form>

accept-charset ：設(shè)置服務(wù)器用哪種字符集處理表單數(shù)據(jù)。一般常用的字符集為：(UTF-8:Unicode字符編碼)、 (ISO-8859-1:拉丁字母表的字符編碼)、（gb2312:簡體中文字符集)。使用如下：

<form action="http://codefordream.com/form"  accept-charset="gb2312">

autocomplete ：設(shè)置是否開啟表單自動填寫補(bǔ)全功能，默認(rèn)為"on"。使用如下：

<form action="index.html"  method="get" autocomplete="on">

enctype ：設(shè)置在發(fā)送到服務(wù)器之前對表單數(shù)據(jù)的編碼。 默認(rèn)為：application/x-www-form-urlencoded。 application/x-www-form-urlencoded 表單發(fā)送前對所有字符進(jìn)行編碼。（這種編碼會將空格轉(zhuǎn)化為"+"加號，特殊符號轉(zhuǎn)換為ASCII HEX值）

multipart/form-data 不對字符編碼，在使用包含文件上傳的表單時，必須使用該值。

text/plain 這種編碼會將字符中的空格轉(zhuǎn)換為"+"加號，但不對特殊字符編碼。

name:表單的名字。使用如下：

<form action="index.html"  method="get" name="myform">

novalidate ：設(shè)置提交表單時不對表單進(jìn)行驗(yàn)證。

target ： 設(shè)置在何處打開action屬性的URL。

_blank 在新的窗口中打開

_self 默認(rèn)。在相同的框架中打開

_parent 在父框架集中打開

_top 在整個窗口中打開

framename 在指定的框架中打開

下面簡單學(xué)習(xí)一下Label。

label : 給表單或者其他元素添加文本屬性。代碼使用如下：

<form method="post" action="http://codefordream.com/form">    <p>        <label>name: <input name="name" /></label>    </p>    <button>submit</button></form>