首頁 >web前端 >html教學 >在html頁面的表單選項中如何能有多選功能?(範例)

在html頁面的表單選項中如何能有多選功能?(範例)

藏色散人
藏色散人原創
2018-08-15 10:35:109270瀏覽

在上篇文章【html頁面中的單選框功能是怎麼操作實現的? (範例)】中,我為大家詳細介紹如何實現html頁面中單選框功能,那邊本篇文章繼續跟大家介紹關於html複選框怎麼設定即html多選按鈕的相關知識。複選框,顧名思義就是可以選擇多個值。

html複選框設定程式碼具體範例如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>html复选按钮设置示例</title>
    <style type="text/css">
    </style>
</head>
<body>
 <br/><br/>
    你对哪些运动感兴趣?
    <input type="checkbox" name="activity" value="跑步">跑步
    <input type="checkbox" name="activity" value="打球">打球
    <input type="checkbox" name="activity" value="登山">登山
    <input type="checkbox" name="activity" value="健身">健身
    </body>
    </html>

效果如下圖:

在html頁面的表單選項中如何能有多選功能?(範例)

如圖所示,對​​問題可以進行多個答案選擇,並且是以打勾的形式顯示,再點擊一次即可取消勾選。這裡我們需要了解一個checkbox
屬性。 Checkbox 物件代表一個 HTML 表單中的 一個選擇框。在 HTML 文件中 每出現一次,Checkbox 物件就會被建立。

以上所述就是關於html清單多選的功能實作介紹。具有一定的參考價值,希望對有需要的朋友有一定的幫助。



以上是在html頁面的表單選項中如何能有多選功能?(範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

相關文章

看更多