静态网页如何创建带有复选框和确认按钮的表单?

 时间:2026-02-15 18:29:04

1、桌面鼠标右键新建一个记事文本,重新命名为:复选框和确认按钮表单.html,按回车确认。

静态网页如何创建带有复选框和确认按钮的表单?

2、然后选中新建的html文件,点击选择记事本打开,手动输入代码如图所示

静态网页如何创建带有复选框和确认按钮的表单?

3、先创建三个复选框,回到记事本文档,在<body>下方添加如下代码:

<form>

自行车:

<input type="checkbox" name="vehicle" value="Bike" checked="checked" />

<br />

小汽车: 

<input type="checkbox" name="vehicle" value="Car" />

<br />

大飞机: 

<input type="checkbox" name="vehicle" value="Airplane" />

<br /><br />

</form>

其中type="checkbox"是复选框标签,checked="checked"这组代码表示默认当下复选框打勾

点击记事本左上角蓝色文件选项菜单下的保存

静态网页如何创建带有复选框和确认按钮的表单?

4、桌面双击html文件,打开页面可以看到三个复选框

静态网页如何创建带有复选框和确认按钮的表单?

5、在复选框下面添加确认按钮,回到记事本在</form>上方添加代码:<input type="submit" value="确认" />,点击保存

静态网页如何创建带有复选框和确认按钮的表单?

6、桌面双击html文件,打开网页会看到复选框下面多了一个确认按钮

静态网页如何创建带有复选框和确认按钮的表单?

7、实现点击确认后,提交表单功能,这里先在桌面新建一个a.php,具体内容属于动态编程,这里不多叙述。在记事本里,<form>标签内添加代码:name="input"  action="a.php" method="get",其中action是发送表单,method="get"表示方式为get,点击保存

静态网页如何创建带有复选框和确认按钮的表单?

8、打开的网页点击确认按钮会发现下图红框内为发送到a.php页面处理

静态网页如何创建带有复选框和确认按钮的表单?

  • visual studio2019如何查找标签
  • HBuilderX如何预览项目效果
  • 如何使用SQLyog修改数据库表的索引类型
  • 广告正文书写过程中需要注意哪些事项?
  • Sublime Text怎么快速建立一个html5页面模板
  • 热门搜索
    微信和qq怎么绑定 台湾旅游景点 澳大利亚墨尔本旅游 红枣泡水 虚拟网卡怎么设置 调研提纲怎么写 如何化妆 毛利润怎么算 九牧怎么样 迪拜旅游攻略