表單是Web頁面上負責用戶輸入與伺服器端資料互動的最基礎方式,這裡我們針對最基本的表單內容顯示,來看一下HTML的form表單標籤用法學習教學
HTML中表單可以用來蒐集用戶各種類型的輸入資訊。表單實際上是包含表單元素的區域,在這個區域中的各種元素的輸入資訊最終都會透過表單提交到程式腳本中。例如常見的有使用者登入、註冊、發布文章等等,都是透過表單提交到動態程式進行處理的。本節主要講述表單和表單的元素,關於如何提交表單資訊到動態程序,將在以後的程序語言課中再來講述。
表單的區域是使用
<form> 文本域1:<input type=”text” name=”firstname” /> 文本域2:<input type=”text” name=”lastname” /> </form>
瀏覽器顯示如下:
單選按鈕
單選按鈕錄入資料的選項中,此類型多使用者只允許使用者選擇一項結果時使用。
單選按鈕的定義方法是在標籤中將type屬性的值設定為radio
<form> <input type=”radio” name=”sex” value=”male” /> 男生 <input type=”radio” name=”sex” value=”female” /> 女生 </form>
瀏覽器中的顯示為:
複選框
復選框勾選某些對應的一個或多個選項。常見的一般是在使用者登入時,為使用者提供記住登入帳號等功能。也可以在使用者調查的頁面中,蒐集使用者的多項意見。
複選框定義方法是在標籤中將type屬性的值設定為checkbox
<form> <input type=”checkbox” name=”val1″ /> 前端开拓者不错 <input type=”checkbox” name=”val2″ /> 前端开拓者一般 </form>瀏覽器顯示如下:
下拉選單以
瀏覽器顯示:
提交按鈕
提交按鈕是每個表單的必要組成部分。使用者將對應的資訊輸入後,需要透過點擊提交按鈕觸發動作,將表單的值提交到下一個頁面。當