html复选按钮设置示例          

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

  html复选框设置代码具体示例如下:
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="UTF-8">
 
  <title>html复选按钮设置示例</title>
 
  <styletype="text/css">
 
  </style>
 
  </head>
 
  <body>
 
  <br/><br/>
 
  你对哪些运动感兴趣?
 
  <inputtype="checkbox"name="activity"value="跑步">跑步
 
  <inputtype="checkbox"name="activity"value="打球">打球
 
  <inputtype="checkbox"name="activity"value="登山">登山
 
  <inputtype="checkbox"name="activity"value="健身">健身
 
  </body>
 
  </html>
 
  效果如下图:
 
  aa557726c8ac6c525681d7f4400108a.webp
 
  如图所示,对问题可以进行多个答案选择,并且是以打勾的形式显示,再点击一次即可取消勾选。这里我们需要了解一个checkbox
 
  属性。Checkbox对象代表一个HTML表单中的一个选择框。在HTML文档中<inputtype="checkbox">每出现一次,Checkbox对象就会被创建。






本文转载自中文网

推荐阅读