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

 时间:2024-10-12 03:36:49

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

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

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

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

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

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

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

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

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

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

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

给HTML网页文件添加复选框和提交按钮给HTML网页文件添加复选框和提交按钮
  • 如何利用PS工具绘制勺子?
  • ps剪贴蒙版快捷键
  • PS如何利用通道快速扣出文字
  • ps如何绘制花朵?
  • Ps如何制作个性字中字效果
  • 热门搜索
    心情特烦想发个朋友圈 波兰旅游 从化旅游景点大全 怎么注销新浪微博 吉水在哪里属于哪个省 纳木错旅游 如何重置路由器 如何激励员工 如何拒绝别人 注册表怎么进