本文摘自PHP中文网,作者藏色散人,侵删。
在上篇文章【html页面中的单选框功能是怎么操作实现的?(示例)】中,我为大家详细介绍了如何实现html页面中单选框功能,那边本篇文章继续给大家介绍关于html复选框怎么设置即html多选按钮的相关知识。复选框,顾名思义就是可以选择多个值。html复选框设置代码具体示例如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!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页面的表单选项中如何能有多选功能?(示例)
更多相关阅读请进入《html复选框设置》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 在html页面的表单选项中如何能有多选功能?(示例)