你所不知道的form表单中的一些属性

本文详细介绍了HTML表单的各种元素和属性,包括input、textarea、select等的使用方法,以及提交方式get和post的区别。

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

说明:form表单用于收集用户信息

form:表单标签,所有要提交的表单都放在里面
        action:指定提交目标
        method:提交方式,默认是get方式
            get:提交的数据在URL中可见,提交的数据有限制
            post:提交的数据在URL中不可见,另外就是提交大数据
        表单提交:
            input中的submit,submit的value也可以提交
            button,button只能提交除了它自己以外的数据
            注意:input中的button只有结合js才能实现数据的逻辑操作
        input:是表单最重要的组成部分,默认type类型是text文本
            name:指定名字,用来作为数据参数名字
            value:指定要显示文本,一般用在不能输入的类型中 ,比如:单选框或者复选框由于是单标签所以要指定传输的值
            placeholder:用于提示输入框要输入什么。比如:
            readonly:只读,设置后无法修改,无值
            disabled:禁用状态,可以不用写值
            size:设置宽度,只能设置宽度
            maxlength:限制最大输入字符个数

            type:指定input的类型
                  text:普通文本
                  submit:提交数据,默认是提交到本文件,提交按钮也可以提交,用于区分是谁提交或提交方式
                  password:密文文本
                  radio:单选框,需要配合name和value属性来使用,也可以通过id属性配合label标签的for属性优化用户体验
                      checked:选中单选框
                 checkebox:复选框,多个关联name属性值要一致
                     checked:选中
                 file:上传,要求method=“post",要使用name,要有编码格式enctype
                       enctype:编码格式,enctype = multipart/form-data
                 hidden:要隐藏的内容
                 select:下拉框
                     size:控制一次显示行数(高度或选项)
                     option:每个选项
                     selected:默认选中
                     value:提交的内容,不写默认提交双标签的内容
     
                textarea:文本域,可以输入多行文本
                    rows:行数
                    cols:列数
                    placeholder:占位,提示信息
                 注意:不要在该双标签中输入其他内容,否则会保存到文本域中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值