当前位置:常识集 > 数码游戏 > IT技术 > 学习html制作网页:表单试题及代码
手机版

学习html制作网页:表单试题及代码

来源:常识集 阅读:7.59K 次

HTML中的表单大多数用form表单来收集用户的数据,将用户填写的数据通过get或者post的方式传递出去,下面简单介绍form表单中的几种常见的标签

工具/材料

浏览器

操作方法

新建一个HTML文件,命名为

学习html制作网页:表单试题及代码

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

学习html制作网页:表单试题及代码 第2张
学习html制作网页:表单试题及代码 第3张

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

学习html制作网页:表单试题及代码 第4张
学习html制作网页:表单试题及代码 第5张

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

学习html制作网页:表单试题及代码 第6张
学习html制作网页:表单试题及代码 第7张

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

学习html制作网页:表单试题及代码 第8张
学习html制作网页:表单试题及代码 第9张

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

学习html制作网页:表单试题及代码 第10张

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

学习html制作网页:表单试题及代码 第11张
学习html制作网页:表单试题及代码 第12张
本文链接:https://www.changshiji.com/smyx/itjishu/k3qol.html

Copyright © 2024. 常识集 All right reserved. 浙ICP备20202586号-2

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。