2019-04-25

<!-- form 标签

        作用:收集并提交用户的信息

        属性:

            id    表单的id,用于js获取表单

            name  表单的名字,用于js获取表单

            action 表单提交的地址

            method 表单提交的方式,常用值为get和post

                get (默认)

                post

            enctype 表单中数据的编码方式,

                application/x-www-form-urlencoded (默认)

                multipart/form-data

                text/plain

        form标签下的子标签(表单域)

            注意:1.对于所有的子标签来讲,只有添加name属性,才可以提交!!!

                  2.一般来讲,value属性就是提交的值

                  3.对于radio和checkbox而言,如果没有设定value属性,则提交时值为on

                  4.对于select而言,select提交的值就是option标签的value属性值,如果option标签没有设定value属性值时,默认提交option标签中间的文本值

                  5.对于textarea而言,textarea提交的值不是value属性,而是标签中间的文本数据

                  6.对于三个按钮来讲,input和button从本质来讲并无区别,而且一般情况不需要设置name属性(即不用提交)

            input

                属性

                    type="text" 文本框

                    type="password" 密码框

                    type="hidden" 隐藏框

                    type="file" 文件框

                    type="radio" 单选按钮

                        name属性相同即为一组

                    type="checkbox" 复选框

                        name属性相同即为一组

                    对于input type="radio"和input type="checkbox"来讲,添加checked="checked"属性表示默认选中该选项

                    type="submit" 提交按钮,提交表单

                    type="reset"  重置按钮,重置表单

                    type="button" 普通按钮,用于被js调用

                    对于input type="submit"、input type="reset"和input type="button"来讲,value属性表示按钮上的文字

            select 下拉列表框

                给select添加multiple="multiple"的属性后,就变成多选

                需要和option标签一起使用

            textarea 多行文本域

            button 按钮

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML表单HTML表单用于搜集用户输入HTML表单常用属性及说明:属性描述accept-charset规定在被提...
    Lv_0阅读 3,401评论 0 1
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,655评论 1 41
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,670评论 0 0
  • 本文将继续上文接着介绍一些HTML常用标签 1:HTML全局属性 在介绍常用常见的HTML标签之前,先以最简单的方...
    憨憨二师兄阅读 2,948评论 0 0
  • 框架集<frameset> <frame> </frame> </frameset> 不能和bod...
    yustyal阅读 1,339评论 0 0