表单简述

最新推荐文章于 2024-11-08 10:30:00 发布

^O^晨峰^O^

最新推荐文章于 2024-11-08 10:30:00 发布

阅读量178

点赞数

文章标签： html html5

本文链接：https://blog.csdn.net/weixin_45425587/article/details/111226030

版权

本文详细介绍了HTML中的表单控件，包括文本输入框、密码框、单选按钮、复选按钮、文件上传、提交及重置按钮。表单在登录、注册和搜索等场景中广泛应用。讨论了各输入类型的属性，如`type`、`value`、`size`和`maxlength`等，并阐述了`required`属性确保必填项以及`placeholder`提供用户提示。此外，还解释了通过GET和POST方式向服务器提交数据的差异。

摘要由CSDN通过智能技术生成

表单

表单
表单存在于浏览器中，用来收集用户信息。收集完成后，提交到服务器
多使用于：登录，注册，搜索等场景

表单控件类型：
单行文本输入框： text
密码框： password
单选按钮： radio
复选按钮： checkbox
上传文件： file
提交按钮： submit
重置按钮： reset
代码示例：
文本输入框：

lable标签，包裹住单(复)选框和文字时，点击文字，单(复)选框可以被选中

下拉列表

列表1 列表2 列表3 ... .. .

多行文本输入框：

表单属性：
1. type: 样式（每个Input必须填写的属性，默认为text）
2. value: 指定的默认值
3. size: 文本框显示的长度
4.maxlength：用户可以输入最多的字符
5.name: 用于给input取别名，别名在css或js 以及服务器收集数据时可以使用
6.disabled: 使表单禁用（可直接写属性名，不写属性值）
7.readOnly: 只可以查看和获取表单的值，但无法修改（可直接写属性名，不写属性值）
8.required: 规定该项input为必须填写，否则整个form表单无法提交
（可直接写属性名，不写属性值）
9.placeholder: 用户提示信息
10.formaction=”提交按钮自定义提交地址"
11. formmethod=“自定义提交方式”

向服务器提交数据的方式：
Get：速度快，安全性较低。适用于普通数据的请求
Post: 速度相对get较慢，安全性较高。适用于账号密码一类保密性数据的传递
[表单链接地址]https://app.yinxiang.com/fx/c3e2750b-6d06-4f16-8e9f-fba4a1751e56