form表单的制作及代码讲解

 时间:2026-02-17 16:42:21

1、新建一个HTML文件,命名为myExam.html

form表单的制作及代码讲解

2、在文件中输入图中字段,对应的标签是type=text,代码实例,页面效果如下

form表单的制作及代码讲解

form表单的制作及代码讲解

3、常用的标签,单选功能,radio,对应的代码实例和页面效果如下

form表单的制作及代码讲解

form表单的制作及代码讲解

4、多选标签,checkbox,提供多选的功能,对应的代码实例和页面效果如下

form表单的制作及代码讲解

form表单的制作及代码讲解

5、当页面完成输入后,需要将所填数据传给处理层,以get方式为例,通过submit提交,对应的代码实例和页面效果如下

form表单的制作及代码讲解

form表单的制作及代码讲解

6、关于form表单,支持的标签如下图

form表单的制作及代码讲解

form表单的制作及代码讲解

7、本例中完整代码和页面效果如下,仅供参考

form表单的制作及代码讲解

  • Dw CC 2018怎么文件类型关闭使用javascript
  • Dreamweaver:[56]网页制作css规则之区块类型
  • 如何在ps cs6中给图片添加染色玻璃滤镜
  • DW中,显示更多字体的技巧
  • 如何通过CSS实现圆角边框?html圆角边框代码?
  • 热门搜索
    炜怎么读 手机为什么开不了机 怀孕初期小腹隐隐作痛怎么回事 鸡蛋羹怎么做 怎么去眼袋 无特长的人怎么写特长 vivo手机怎么样 冗怎么读 清蒸鲈鱼正宗做法 京东白条怎么关闭