今天要做表單標籤的最後收尾!
最後要講的就是下拉式選單以及送出按鈕。
上一篇我們有介紹單選題和複選題的語法,不過介於兩個功能中間的還有一個下拉式選單,他是單選的性質不過有很多個選項供使用者作選擇。
<form>
<select name="class">
<option value="chinese">國文</option>
<option value="english">英文</option>
<option value="math">數學</option>
<option value="geography">地理</option>
<option value="biology">生物</option>
</select>
</form>
從程式碼中可以發現,下拉式選單的格式好像跟單複選的格式不太一樣。
在下拉式選單中,我們不用input語法,而是直接採取<select></select>
標籤,並在裡面加入不同的選項(option),要注意的是,不管是select還是option都有開始標籤及結束標籤。(input只有開始標籤)
<input type="submit" value="送出">
在介紹input語法時,我們有提到type屬性後面接的字可以決定物件的表示形式,而submit就是專門為了送出表單的按鈕而產生的類型,我們只需要把按鈕上要出現的文字打在value中就好了。
那麼表單的部分就介紹到這邊啦~大家可以多多嘗試看看!