本篇文章主要介紹用如何用html標簽制作表單實例，屬于HTML中必須要掌握的知識點之一。感興趣的朋友參考下，希望對大家有所幫助。表單標簽：form

表單標簽的主要作用是：在HTML頁面中創建一個表單，在用戶填寫完表單信息后，將數據提交給服務器。需要填寫數據的標簽必須要放在表單標簽體里面。常用的屬性： action：請求路徑，在該屬性中確定表單數據提交的服務器地址。 method：請求方式。常用的請求方式有：get，post。 get（默認）：1.get的請求的數據有限 2.提交的表單數據是追加在請求的路徑上，如：regist.action?username=jack password=1111。追加是在請求地址的后面加上?連接。之后每一對數據使用 連接。 post：1.提交的數據不在請求路徑上追加，不顯示在地址欄上。 2.理論上，post請求的數據量是無限的。

輸入域標簽用于獲得用戶輸入的信息，type屬性的值不同，獲取的方式也就不一樣。 常用屬性： type屬性  text：文本框，單行輸入字段，用戶可以在其中輸入文本， password：密碼框，該輸入框中的輸入字符將會以黑圓顯示。 radio：單選框，表示一組互斥選項按鈕中的一個，當一個按鈕被選中，之前的按鈕就會變為非選中。 checkbox：多選按鈕。 file：文件上傳組件 hidden：隱藏字段，數據會發送給服務器，但瀏覽器不會顯示。 reset：重置按鈕，將表單恢復到默認值。 submit：提交按鈕，提交按鈕會把表單數據發送到服務器。 name屬性：元素名，必須要提供name屬性，表單數據才會提交到服務器中。服務器通過該值來獲取數據。 value屬性：設置input標簽的默認值， size屬性：設置輸入框的大小 checked屬性：單選框或復選框被選中。 readonly：是否只讀。 disable：是否可用。

下拉列表標簽，提供一些選項，來選中其中的一項或多項。需要配合子標簽 option 來使用。name屬性：設置名稱，必寫項。multiple屬性：不寫默認單選，取值為multiple表示多選。size屬性：多選時，可見的選項數目。子標簽 option :下拉列表中的一個選項 selected：選中當前的列表項。 value：發送給服務器的選項值。

示例代碼：

 !DOCTYPE html  html  head  meta charset= UTF-8  title 表單標簽 /title  /head  body  !--要提交到服務器中的所有信息，必須要用form標簽包裹起來--  form  !--文本輸入項--  用戶名： input type= text name= usernam / br /  !--密碼項--  密 nbsp;碼： input type= password name= password / br /  確認密碼: input type= password name= password2 / br /  !--單選按鈕--  性別: input type= radio name= sex / 男  input type= radio name= sex / 女 br /  !--多選按鈕--  興趣愛好： input type= checkbox name= hobby / 寫博客  input type= checkbox name= hobby / 寫代碼  input type= checkbox name= hobby / 看源碼 br /  !--文件選項--  文件： input type= file name= file / br /  !--下拉列表標簽--  居住城市： select name= city  option --請選擇-- /option  option 北京 /option  option 上海 /option  option 廣州 /option  /select br /  !--提交按鈕--  input type= submit value= 提交按鈕 / br /  !--普通按鈕--  input type= button value= 普通按鈕 / br /  !--重置按鈕--  input type= reset value= 重置 / br /  /form  /body  /html 

效果如下：

相關推薦：

HTML中如何使用html表單提交的操作

html表單被重置后觸發的事件onreset

html表單選項菜單option與optgruop標簽的用法詳解

以上就是用html中標簽制作表單實例的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。