简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

在html页面的表单选项中如何能有多选功能?（示例）

藏色散人
Lepaskan： 2018-08-15 10:35:10
asal
9237 orang telah melayarinya

在上篇文章【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>
Salin selepas log masuk

效果如下图：

aa557726c8ac6c525681d7f4400108a.png

如图所示，对问题可以进行多个答案选择，并且是以打勾的形式显示，再点击一次即可取消勾选。这里我们需要了解一个checkbox
属性。Checkbox 对象代表一个 HTML 表单中的 一个选择框。在 HTML 文档中 每出现一次，Checkbox 对象就会被创建。

以上所述就是关于html列表多选的功能实现介绍。具有一定的参考价值，希望对有需要的朋友有一定的帮助。



Atas ialah kandungan terperinci 在html页面的表单选项中如何能有多选功能?（示例）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html复选框设置
sumber：php.cn
Artikel sebelumnya：html页面中的单选框功能是怎么操作实现的？（示例） Artikel seterusnya：浏览器内核以及浏览器兼容的问题分析
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Perlukan skrip jquery untuk mengalihkan pilihan yang dipilih dari kotak pilihan berdasarkan pemilihan semasa pengguna akhir Saya mempunyai halaman HTML di mana pengguna akhir boleh meletakkan kedudukan item kami me...
daripada 2024-04-04 18:40:04
0
1
3528
Kelas baris CSS menjadikan elemen tertentu terkeluar daripada bingkai, manakala ia harus statik dan ditetapkan pada bahagian bawah paparan Halaman saya pada masa ini kelihatan seperti ini. Selepas menambah kelas baris supaya kedu...
daripada 2024-04-03 18:48:12
0
1
281
Sambungan pad tersuai dengan ikon sambungan selepas tajuk Saya cuba mencipta akordion tikar dengan panel pengembangan tikar di dalam gelung untuk. M...
daripada 2024-04-02 12:39:50
0
1
381
Buat bar navigasi yang serupa dengan halaman utama toast ui Sumber inspirasi saya, saya ingin membuat bar navigasi seperti ini: Halaman Utama Toastui ...
daripada 2024-04-01 18:34:38
0
1
240
Nyahtanda baris tertentu dalam lajur pilih Grid Kendo dalam ASP.NET MVC menggunakan JavaScript dan jQuery: Panduan langkah demi langkah Saya mempunyai KendoGrid dalam projek ASP.NETMVC5 saya. Salah satu lajur ialah lajur pilih...
daripada 2024-03-30 17:18:30
0
1
376
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！