html表单提交不重置select,HTML表单小记

本文详细介绍了HTML表单的作用、基本元素及属性,包括form、label、input、select、textarea等,讲解了如何创建表单、设置表单提交方式、添加提示文字、设置默认选项以及文件上传等功能,帮助理解表单在网页中的数据采集和提交过程。
摘要由CSDN通过智能技术生成

HTML表单作用

HTML表单是什么?

简单来说,HTML表单就是:能够让用户输入具体内容的信息表,比如邮箱注册

97fb208711db

163的注册页面

HTML表单的作用?

所以,HTML表单主要用于采集和提交用户输入的信息(向服务器提交)

- 表单是一个包含表单元素的区域;

- 表单元素是允许用户在表单中输入内容的;

- 表单元素指的是不同类型的 input 元素,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选(checkboxes)、提交按钮(button)等等。

HTML表单元素

form标签---定义被用户输入的标签

当点击表单提交按钮后,只有被form标签包裹的内容才会提交给服务器,所以要将表单内所有元素放在 form 标签对中,如下所示:

账户

密码

97fb208711db

上述代码示例

form标签有两个属性如下:

action —— 规定当提交表单时向何处发送表单数据

method —— 规定用于发送表单数据的 HTTP 方法

浏览器向服务器传输数据、发送请求的方式有两种 get、post

两者的区别主要由三点:请求方式不同、安全性不同、传输数据量不同

get:将所有的请求数据拼接成key=value的形式连接一起,组装到URL上

post:请求的URL不会发生变化,但是数据会通过浏览器传输给后台

两者的使用场景:

- 当向后台传送数据或者安全性要求更高时选择post

- 当向后台索要数据或者简单的安全性要求低是选择get

label标签---为 元素定义标注(标题)

用户名

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值