给HTML网页文件添加复选框和提交按钮

来源：互联网 2023-03-16 19:12:36 版权归原作者所有，如有侵权，请联系我们

我们在制作网页文件时经常会用到复选框，相对于选择框，复选框可以进行多项选择，经常用于调查问卷中。

工具/原料

首先输入input然后我们将type类型设置为checkbox也就是复选框，设置id，相应的我们在lable标签中使用同样的for值，设置显示文本，然后预览网页显示。

给HTML网页文件添加复选框和提交按钮

同样的方法，我们制作出多个这样的选项，设置id，然后设置不同的文字显示，注意每一个for值需要和相应的id保持一致。

给HTML网页文件添加复选框和提交按钮

打开网页可以预览我们的网页显示效果。从图中我们可以看到，我们刚才设置的复选框，一行显示在网页中，每一个都处于未选中状态。

给HTML网页文件添加复选框和提交按钮

我们也可以给某一个选项修改属性，使它成为默认选中状态，如图所示，我们给第一个选项设置选中状态，在第一个复选框后面，设置属性为checked。再次预览网页，发现第一个选项已经处于选中状态。

给HTML网页文件添加复选框和提交按钮

4此文章未经许可获取自百度经验

我们同样的可以将这些选项竖直的排列起来，如图所示，只需要在每一个选项后面加上我们的换行标志，系统将自动显示选项为一列显示。

给HTML网页文件添加复选框和提交按钮

最后，我们可以给我们的网页定义上提交和重置按钮，如图所示，可以使用系统自己默认的显示文字，也可以自己自定义显示文字。

给HTML网页文件添加复选框和提交按钮

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： HTML