form表单

鹤川

发布于 2023-03-21 21:42:04

1.4K0

发布于 2023-03-21 21:42:04

文章被收录于专栏：鹤川博客

form 表单

form表单就是填写的单子：比如登录窗口、编辑资料等
一般用于数据提交到到后端，然后保存

一、form表单的语法

<formaction="/save.do"method="POST"enctype="multipart/form-data">

</form>

<form> 表单非常重要，一般用于数据提交到到后端，然后将数据保存到服务器端
属性 action，表示我们要提交的网址
属性 method，表示我们提交数据的方式，通常有 get 和 post 两种
- GET 提交会将数据通过 & 串成一个字符串提交，这个字符串会显示在浏览器的地址栏中，相对来说不安全，而且有长度的限制
- POST 提交是直接将数据提交到服务器，不会显示到浏览器地址栏中，相对比较安全，而且没有长度限制
属性 enctype：一般的值是 multipart/form-data ，主要是用于文件的流的上传

二、代码实战

新建 html 文件 11-form.html，编写下方程序，运行看看效果吧。

<!DOCTYPE html>
<htmllang="en">
    <head>
        <metacharset="UTF-8">
        <metahttp-equiv="X-UA-Compatible"content="IE=edge">
        <metaname="viewport"content="width=device-width, initial-scale=1.0">
        <title>表单form标签</title>
    </head>
  
    <body>
        <formaction="/submit.do"method="post"enctype="multipart/form-data">
            用户名：<inputname="username"/>
            <buttontype="submit">提交</button>
        </form>
    </body>
  
</html>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023 年 02 月，如有侵权请联系 cloudcommunity@tencent.com 删除

form