简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

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

藏色散人
發布： 2018-08-15 10:35:10
原創
9202 人瀏覽過

在上篇文章【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中文網其他相關文章！

相關標籤：
html复选框设置
來源：php.cn
上一篇：html頁面中的單選框功能是怎麼操作實現的？ （例） 下一篇：瀏覽器內核以及瀏覽器相容的問題分析
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
將標題重寫為：Vue 3：將內容傳送到元素並進行替換 我正在使用Vue3的teleport將元素渲染到一個div中，它按預期工作。 Teleport會將項目新增至所選元素中，但不會取代div中的目前元素。我該如何設定teleport以...
來自於 2023-11-06 11:01:38
0
1
451
為什麼 jQuery 或像 getElementById 這樣的 DOM 方法無法定位元素？ document.getElementById、$("#id")或任何其他DOM方法/jQuery選擇器找不到元素的可能原因是什麼？範例問題包括：jQuery默...
來自於 2023-10-15 15:40:06
0
2
210
為什麼 jQuery 或 getElementById 無法定位元素？ document.getElementById、$("#id")或任何其他DOM方法/jQuery選擇器找不到元素的可能原因是什麼？範例問題包括：jQuery默...
來自於 2023-10-15 14:53:18
0
2
293
CSS技巧：如何使用CSS樣式化複選框 我正在嘗試使用以下內容來設定複選框的樣式：<inputtype="checkbox"style="border:2pxdotted#00f;di...
來自於 2023-10-08 16:37:48
0
2
325
改變Tailwind元件中的字體系列的方法 我有一個選擇元件，我想設定一個自訂字體，就像另一個輸入框一樣<selectdata-te-select-initdata-te-select-font="14&qu...
來自於 2023-09-14 20:18:29
0
1
194
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！