多语言展示
当前在线:1607今日阅读:23今日分享:25

form表单的制作及代码讲解

网页中的表格在html表单中一般是用form表单来收集用户的信息,将用户填写的数据通过get或者post的方式传递出来,接下来给大家介绍一下form表单中的集中常见的标签。
工具/原料
1

电脑一台

2

浏览器软件

方法/步骤
1

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

2

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

3

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

4

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

5

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

6

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

7

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

注意事项
1

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

2

演示的标签有输入文本,对应的标签是type=text,代码实例,页面效果如下

3

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

4

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

5

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

6

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

7

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

推荐信息