iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 13
0

今天要做表單標籤的最後收尾!
最後要講的就是下拉式選單以及送出按鈕

上一篇我們有介紹單選題和複選題的語法,不過介於兩個功能中間的還有一個下拉式選單,他是單選的性質不過有很多個選項供使用者作選擇。

下拉式選單

<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中就好了。

那麼表單的部分就介紹到這邊啦~大家可以多多嘗試看看! /images/emoticon/emoticon12.gif


上一篇
DAY12-HTML標籤(10) / 表單(中)
下一篇
Day14-CSS介紹
系列文
每個人都可以做出理想中的網站!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言