HTML中表單可以用來搜集用戶各種類型的輸入信息。表單實際上是包含表單元素的區域，在這個區域中的各種元素的輸入信息最終都將通過表單提交到程序腳本中。例如常見的有用戶登錄、注冊、發布文章等等，都是通過表單提交到動態程序進行處理的。本節主要講述表單和表單的元素，關于如何提交表單信息到動態程序，將在以后的程序語言課中再來講述。
表單的區域是使用<form>標簽定義表單的范圍，在<form></form>中的元素的值會被通過這個表單提交到對應的地址中。
輸入信息
一般表單內多以使用<input>標簽收集用戶的輸入信息，其輸入類型是由type決定的。
多數情況下被用到的表單標簽是輸入標簽（<input>）。輸入類型是由類型屬性（type）定義的。常見的輸入類型有文本域、單選按鈕、復選框、下拉菜單等等。
文本域
文本域可以為用戶提供輸入文字的功能，瀏覽器會將文本域解譯為一個矩形框，用戶將光標移動到該框體，并點擊即可將光標移動到框體內。用戶可以在表單中鍵入字母、數字等內容。
文本域的定義方法是在<input>標簽中為type屬性設置text值
XML/HTML Code復制內容到剪貼板
- <form>
- 文本域1:<input type=”text” name=”firstname” />
- 文本域2:<input type=”text” name=”lastname” />
- </form>
瀏覽器顯示如下：
單選按鈕
單選按鈕多數情況下出現在用戶注冊時錄入資料的選項中，該類型多用戶只允許用戶選擇一項結果時使用。
單選按鈕的定義方法是在<input>標簽中將type屬性的值設置為radio
XML/HTML Code復制內容到剪貼板
- <form>
- <input type=”radio” name=”sex” value=”male” /> 男生
- <input type=”radio” name=”sex” value=”female” /> 女生
- </form>
瀏覽器中的顯示為：
復選框
復選框可讓用戶勾選某些對應的一個或多個選項。常見的一般是在用戶登錄時，為用戶提供記住登錄帳號等功能。也可以在用戶調查的頁面中，搜集用戶的多項意見。
復選框定義方法是在<input>標簽中將type屬性的值設置為checkbox
XML/HTML Code復制內容到剪貼板
- <form>
- <input type=”checkbox” name=”val1″ />
- 前端開拓者不錯
- <input type=”checkbox” name=”val2″ />
- 前端開拓者一般
- </form>
瀏覽器顯示如下：
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。