给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如何制作个性字中字效果
  • 热门搜索
    win7电脑配置怎么看 腰骶部是哪里 陕西省旅游局 去哪儿旅游 钱塘江在哪里 wifi路由器 去韩国旅游 路由器管理软件 河北建材职业技术学院怎么样 尼康d5200怎么样