HTML中表單可以用來搜集用戶各種類型的輸入信息。表單實際上是包含表單元素的區(qū)域,在這個區(qū)域中的各種元素的輸入信息最終都將通過表單提交到程序腳本中。例如常見的有用戶登錄、注冊、發(fā)布文章等等,都是通過表單提交到動態(tài)程序進行處理的。本節(jié)主要講述表單和表單的元素,關于如何提交表單信息到動態(tài)程序,將在以后的程序語言課中再來講述。表單的區(qū)域是使用標簽定義表單的范圍,在中的元素的值會被通過這個表單提交到對應的地址中。
輸入信息
一般表單內多以使用<input>標簽收集用戶的輸入信息,其輸入類型是由type決定的。
多數(shù)情況下被用到的表單標簽是輸入標簽(<input>)。輸入類型是由類型屬性(type)定義的。常見的輸入類型有文本域、單選按鈕、復選框、下拉菜單等等。
文本域
文本域可以為用戶提供輸入文字的功能,瀏覽器會將文本域解譯為一個矩形框,用戶將光標移動到該框體,并點擊即可將光標移動到框體內。用戶可以在表單中鍵入字母、數(shù)字等內容。
文本域的定義方法是在<input>標簽中為type屬性設置text值
單選按鈕
單選按鈕多數(shù)情況下出現(xiàn)在用戶注冊時錄入資料的選項中,該類型多用戶只允許用戶選擇一項結果時使用。
單選按鈕的定義方法是在<input>標簽中將type屬性的值設置為radio
復選框
復選框可讓用戶勾選某些對應的一個或多個選項。常見的一般是在用戶登錄時,為用戶提供記住登錄帳號等功能。也可以在用戶調查的頁面中,搜集用戶的多項意見。
復選框定義方法是在<input>標簽中將type屬性的值設置為checkbox
下拉菜單
下拉菜單在信息選擇上與單選類似,但是下拉菜單可以容納更多的信息。并且下拉菜單在選擇菜單值后可以執(zhí)行額外的腳本。
下拉菜單以<select>
提交按鈕
提交按鈕是每個表單的必要組成部分。用戶將對應的信息錄入完畢后,需要通過點擊提交按鈕觸發(fā)動作,將表單的值提交到下一個頁面。當標簽中的action屬性設置了對應的提交地址時,提交按鈕會將該表單中獲得的所有數(shù)據(jù)提交到這個地址的頁面中。
提交按鈕的定義方法是在input標簽中將type的值設置為submit。下面以前端開拓者的搜索框為例,將提交地址設置為搜索頁面。