form表单标签

概述

表单标签：标签用于创建供用户输入的 HTML 表单。有了表单可以让静态网页进行数据的交流和沟通，也就有了后续的b/s架构。

什么是B/S架构呢？ form的基本定义&属性

属性值描述acceptMIME_typeHTML5 不支持。规定服务器接收到的文件的类型。（文件是通过文件上传提交的）accept-charsetcharacter_set规定服务器可处理的表单数据字符集。actionURL规定当提交表单时向何处发送表单数据。autocompleteNewon off规定是否启用表单的自动完成功能。enctypeapplication/x-www-form-urlencoded multipart/form-data text/plain规定在向服务器发送表单数据之前如何对其进行编码。（适用于 method=“post” 的情况）methodget post规定用于发送表单数据的 HTTP 方法。nametext规定表单的名称。novalidateNewnovalidate如果使用该属性，则提交表单时不进行验证。target_blank _self _parent _top规定在何处打开 action URL。

FORM表单的元素：

input

textpassword

emailnumberrange radiocheckboxsubmitresetfile textareabutton

submit select

optionoptgroup fieldset

legend label

代码

定义一个form表单

method: 在实际网页开发中通常采用post方式提交表单数据

get ：

如果不定义也是：get

因为get请求提交的参数会暴露在连接后面。不安全

同时每个浏览器对url长度是有限制的，如果有大文本提交肯定会丢失数据

post:

在开发如果要提交数据：尽量使用post而post请求提交的参数是通过浏览器内部组织发送，更安全，可以传递大文本 action: 表示表单的数据向何处发送，接收方一般指服务器端

场景

各平台的用户登录&注册 https://www.kuangstudy.com/bbs 文章添加 ： https://www.kuangstudy.com/topic/to-add 后台表单添加 ： https://preview.pro.ant.design/form/basic-form