HTML中的選擇框是非常常見的元素,通常用于用戶選擇一個(gè)或多個(gè)選項(xiàng)的情況下。 在HTML中,通過
選擇框通常包含多個(gè)
<select> <option value="apple">蘋果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </select>
在
在選擇框中默認(rèn)選中的選項(xiàng)是第一個(gè)選項(xiàng),可以通過selected屬性來設(shè)置默認(rèn)選擇項(xiàng):
<select> <option value="apple" selected>蘋果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </select>
上述代碼中,“蘋果”選項(xiàng)會(huì)被默認(rèn)選中。
對(duì)于多選選擇框,需要在
<select multiple size="3"> <option value="apple">蘋果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </select>
上述代碼中創(chuàng)建了一個(gè)多選選擇框,最多可以選擇3個(gè)選項(xiàng)。
選擇框可以與JavaScript一起使用來動(dòng)態(tài)更改選項(xiàng),實(shí)現(xiàn)更好的交互性。 每當(dāng)選擇框改變時(shí),都會(huì)觸發(fā)'onchange'事件,您可以編寫JavaScript代碼來響應(yīng)該事件。
以上就是HTML中選擇框代碼的基本語法,您可以根據(jù)需要自定義樣式和添加事件處理程序來滿足您的需求。