iT邦幫忙

2022 iThome 鐵人賽

DAY 14
0
自我挑戰組

小白網頁設計練成記系列 第 14

小白網頁設計練成記-DAY14-淺談HTML-核取方塊checkbox

  • 分享至 

  • xImage
  •  

金天我們聊聊check box這個input裡的屬性,當我們有多選的項目,如興趣/地區/清單等等,都可以用checkbox來實現。

表單核取方塊 checkbox 基本語法
`<input type="checkbox" name=""
name是選項的名稱,Value是回傳後端的值

以下是範例:

<form>
請勾選您想旅遊的國家<br>
<input type="checkbox" name="countries[]">台灣<br>
<input type="checkbox" name="countries[]">日本<br>
<input type="checkbox" name="countries[]">韓國<br>
</form>

https://ithelp.ithome.com.tw/upload/images/20220914/201520345NoaU1b81s.jpg

建議name屬性值在最後要寫上括號

預設希望那些選項要選取,加上checked屬性即可


上一篇
小白網頁設計練成記-DAY13-淺談HTML結構標籤
下一篇
小白網頁設計練成記-DAY15-淺談HTML-get和post
系列文
小白網頁設計練成記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言