如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
给HTML网页文件添加复选框和提交按钮
来源：互联网
2023-03-16 19:12:36 505
我们在制作网页文件时经常会用到复选框，相对于选择框，复选框可以进行多项选择，经常用于调查问卷中。
工具/原料
- 电脑
- webstorm
方法/步骤
首先输入input然后我们将type类型设置为checkbox也就是复选框，设置id，相应的我们在lable标签中使用同样的for值，设置显示文本，然后预览网页显示。
同样的方法，我们制作出多个这样的选项，设置id，然后设置不同的文字显示，注意每一个for值需要和相应的id保持一致。
打开网页可以预览我们的网页显示效果。从图中我们可以看到，我们刚才设置的复选框，一行显示在网页中，每一个都处于未选中状态。
我们也可以给某一个选项修改属性，使它成为默认选中状态，如图所示，我们给第一个选项设置选中状态，在第一个复选框后面，设置属性为checked。再次预览网页，发现第一个选项已经处于选中状态。
我们同样的可以将这些选项竖直的排列起来，如图所示，只需要在每一个选项后面加上我们的换行标志，系统将自动显示选项为一列显示。
最后，我们可以给我们的网页定义上提交和重置按钮，如图所示，可以使用系统自己默认的显示文字，也可以自己自定义显示文字。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 438 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)