Rumah > hujung hadapan web > html tutorial > 在html页面的表单选项中如何能有多选功能?(示例)

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

藏色散人
Lepaskan: 2018-08-15 10:35:10
asal
9289 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:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan