【javascript】表單，javascript表單

【javascript】表單，javascript表單

       表單是網頁中提供的一種互動式操作手段，它主要分為兩部分：一是用HTML原始碼描述的表單，可直接通過插入的方式添加到網頁中；二是提交後的表單處理，需要調用伺服器端編寫好的指令碼對用戶端提交的資訊作出回應。在HTML中，只要插入表單標記<form></form>即可把表單插入到網頁中。表單標記的部分屬性如下：

屬性	說明
name	設定表單名稱
method	設定表單發送的方法，可以是“post”、“get”
action	設定表單處理程式
enctype	設定表單的編碼方式
target	設定表單顯示目標

一、資訊輸入

      資訊輸入是表單操作的主要內容，使用者在表單控制項中輸入必要的資訊，發送到伺服器請求響應，然後伺服器將處理結果返回給使用者。<input>是表單中輸入資訊常用的標記，其基本文法為：

<form action=""><input name="" type=""/></form>

      在<input>標記中，name屬性用於顯示控制項名稱，type屬性用於設定插入的控制項類型。控制項類型有如下幾種：

1.文本控制項

      1）文字框——text

            <input>標記的type屬性值設定為text，即可插入表單中的單行文字框。輸入的資訊在文字框中單行顯示

      2）密碼框——password

            <input>標記的type屬性值設定為password，即可插入表單中的密碼框。在密碼框中輸入的內容，將會以小圓點的形式顯示

      3）文字域——textarea

            在表單中插入文字域，只要插入成對的文字域標記<textarea></textarea>即可。文字域可用來輸入多行文本，行間可換行

2.按鈕

      1）複選框——checkbox

            <input>標記的type屬性值設定為checkbox，即可插入表單中的複選框，其中的id為可選框

      2）選項按鈕——radio

            <input>標記的type屬性值設定為radio，即可插入表單中的選項按鈕。在選中狀態，按鈕中心有一個小圓點

      3）標準按鈕——button

            <input>標記的type屬性值設定為button，即可插入表單中的標準按鈕。按鈕中的“value”值為顯示在介面上時按鈕的名稱。

      4）提交按鈕——submit

            <input>標記的type屬性值設定為submit，即可插入表單中的提交按鈕。當使用者填完表單需要提交資訊時，使用表單中的提交按鈕進行提交

      5）重設按鈕——reset

            <input>標記的type屬性值設定為reset，即可插入表單中的重設按鈕。當使用者填完資訊後，對自己填過的資訊不滿意時，可使用重設按鈕，重新輸入資訊。

3.其它控制項

      1）檔案域——file

            <input>標記的type屬性值設定為file，即可插入表單中的檔案域。在檔案域中可以添加整個檔案

      2）隱藏欄位——hidden

            隱藏欄位在網頁中對使用者是不可見的，使用者提交表單時，隱藏欄位中的資訊也一起被提交。在<input>標記中將type屬性值設為hidden即可插入表單中的隱藏欄位。

      3）下拉式功能表<select>和列表框<option>

            在表單中插入下拉式清單，只要插入成對的<select></select>，其中嵌套<option>即可。基本文法：

<form action=""><select name="" size=""><option value=""><option value="">…</select></form>

二、表單驗證

      表單驗證一般是指利用Regex，對控制項中的內容進行限制，關於Regex的限制，在以前的部落格中提到過 ASP.net驗證控制項，形成的js檔案太長，大家可以到這裡下載http://pan.baidu.com/s/1jGkr5RK