form表单

2023-03-21 21:42:04 浏览数 (2)

form 表单

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

一、form表单的语法

代码语言:javascript复制
<formaction="/save.do"method="POST"enctype="multipart/form-data">

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

二、代码实战

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

代码语言:javascript复制
<!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>

0 人点赞