HTML表单

本文介绍了网页表单的各种元素及其属性,包括input、textarea、select等的使用方法,并详细解释了method、action及enctype等关键属性的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、属性

        1.method        提交方式

                get:        用户的信息显示在url上,导致信息不安全并且数据传输有限制

                post:        数据存储在发送请求的头部中  数据没有大小限制,相对安全

        2.action        提交的地址:数据提交到那里去

        3.enctype编码类型

                text/plain:文本类型

                application/x-www-form-urlencoded默认编码

                multipart/form-data:只支持post提交方式,主要用于含有文件的表格提交

                注意:有文件提交的表单必须使用post提交

二、表单元素(接收用户输入的数据)

        1.input

                type属性:

                text文本框:        value

                                maxlength/minlength最大输入和最小输入

                                size输入框的大小

                                name

                                placeholder提示信息(h5新增)

                password密码框:        属性与文本框一样

                checkbox多选框:            value        不会显示给用户

                                                     name        注意一组复选框的name要相同

                                                     checked        选中 checked="checked"

                                                                   不选中        checked=" "

               radio 单选框                       属性和多选框一样

                file 文件域

                hidden隐藏域

                H5新增属性:        number        email        color        date

        2.textarea文本域

                cols列

                rows行

        3.select下拉列表框

                option:        有一个默认选中的selected属性

                size        显示多少个

                multiple        多选

        4.按钮

                reset 重置按钮

                button 普通按钮

                submit 提交按钮

                image 图片按钮:具有提交表单的作业

        通用属性:

                readonly,只读,一般和文本框结合

                disabled,禁用,一般和按钮结合

                name 名称

                文本标注:用标注出来,并在要绑定的地方输入ID

        域标签

                fieldsd标签

                        增加一个框线

                legend标题

         注意:元素提交以name为准,如果不给表单元素增加name属性,那么不会提交

        属性分类:

                1.普通属性:name  id  class

                2.特殊属性: href  src

                3.自定义属性:属性名由用户决定,H5规范:data前缀+自定义属性

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值