DHTML【3】--HTML

從這一節開始我們就開始介紹HTML的標籤了,首先我們來介紹Form標籤。

Form標籤也稱Form表單,From是與服務器交互最重要的標籤,此標籤必須做到隨手就寫,寫完就正常運行的地步。

那麼什麼是Form標籤呢?我們幾乎每個人都有一個屬於自己的QQ號,而且這個QQ號和對應密碼自己都牢記於心,那麼你的QQ號是怎麼申請的呢?假如你是同過電腦在網頁申請的,申請的時候騰訊要求你填入相應信息,確認完信息騰訊再給你分配一個賬號和密碼,那麼說這些和Form標籤有什麼關係呢?

其實不只是註冊QQ號,凡是你註冊成爲一個網站的會員或者Vip,也或者註冊郵箱,網站都要求你填寫信息,網站獲取信息就是獲取的Form標籤裏的內容,所以說Form標籤內的內容是和服務器交互的。

Form標籤裏主要放input標籤,input標籤一共有10種Type,這10種Type也要求全面掌握,下圖是對這十種Type的一個簡單的介紹:


看完這張圖,相信你對Type的種類應該有一個概念性的認識了,在你的腦海中也許能想象到他們是什麼樣子的,最主要的還是掌握這些Type的使用方法和場合。

Form還有兩個重要的屬性,Action與Method屬性,Action屬性的功能是定義一個 URL,當點擊Submit時,向這個URL 發送數據;Method屬性的功能是向 actionURL 發送數據的 HTTP 方法,屬性值有Get和Post兩個,默認是Get。

那麼Get和Post有什麼區別呢?看下錶:


提交方式

地址欄顯示數據

數據受地址欄限制

對敏感信息安全

提交信息封裝在

Get

請求行

Post

數據體


其實二者的區別也可以簡單的這樣理解,從服務器取數據的時候一般用Get,而向服務器傳數據的時候一般用Post。

關於Form的講解就到這裏,下面給出一個具體實例,大家在學習的時候也要模仿各大網站註冊頁面多做幾個實例,爲日後工作做準備。

實例:

<Formmethod="Post">

<Tableborder="5" bordercolor="#0000FF"cellSpacing="0">

 <Tbody>

   <tr><td>用戶名:</td><td><inputtype="text" name="userName"/></td></tr>

 </Tbody>

<Tbody>

<tr><td>密碼:</td><td><inputtype="password" name="psw"/></td></tr>

 </Tbody>

<Tbody>

<tr><td>確認密碼:</td><td><inputtype="password" name="repsw"/></td></tr>

 </Tbody>

<Tbody>

<tr><td>性別:</td><td><inputtype="radio" name="sex" value="nan"/>男<input type="radio" name="sex"value="nv"/>女</td></tr>

 </Tbody>

<Tbody>

   <tr><td colSpan="2"align="center"><input type="submit" value="註冊"colSpan="2"/><input type="reset" value="重置"></td></tr>

 </Tbody>


</Table>

</Form>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章