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

HTML中的表单大多数用form表单来收集用户的数据,将用户填写的数据通过get或者post的方式传递出去,下面简单介绍form表单中的几种常见的标签
【学习html制作网页:表单试题及代码】工具/材料浏览器
操作方法

    01新建一个HTML文件,命名为myExam.html
    学习html制作网页:表单试题及代码

    文章插图
    02演示的标签有输入文本,对应的标签是type=text,代码实例,页面效果如下
    学习html制作网页:表单试题及代码

    文章插图
    学习html制作网页:表单试题及代码

    文章插图
    03下一个常用的标签,单选功能,radio,对应的代码实例和页面效果如下
    学习html制作网页:表单试题及代码

    文章插图
    学习html制作网页:表单试题及代码

    文章插图
    04多选标签,checkbox,提供多选的功能,对应的代码实例和页面效果如下
    学习html制作网页:表单试题及代码

    文章插图
    学习html制作网页:表单试题及代码

    文章插图
    05当页面完成输入后,需要将所填数据传给处理层,以get方式为例,通过submit提交,对应的代码实例和页面效果如下
    学习html制作网页:表单试题及代码

    文章插图
    学习html制作网页:表单试题及代码

    文章插图
    06关于form表单,支持的标签如下图
    学习html制作网页:表单试题及代码

    文章插图
    07本例中完整代码和页面效果如下,仅供参考
    学习html制作网页:表单试题及代码

    文章插图
    学习html制作网页:表单试题及代码

    文章插图