• 目录

form表单

阅读量: 443 编辑

form 表单

  • form表单就是填写的单子:比如登录窗口、编辑资料等

  • 一般用于数据提交到到后端,然后保存

一、form表单的语法

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

</form>
  • <form> 表单非常重要,一般用于数据提交到到后端,然后将数据保存到服务器端

  • 属性 action,表示我们要提交的网址

  • 属性 method,表示我们提交数据的方式,通常有 getpost 两种

    • GET 提交会将数据通过 & 串成一个字符串提交,这个字符串会显示在浏览器的地址栏中,相对来说不安全,而且有长度的限制

    • POST 提交是直接将数据提交到服务器,不会显示到浏览器地址栏中,相对比较安全,而且没有长度限制

  • 属性 enctype:一般的值是 multipart/form-data ,主要是用于文件的流的上传

二、代码实战

代码的详细解读,可以参考视频教程。

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

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>表单form标签</title>
    </head>
    
    <body>
        <form action="/submit.do" method="post" enctype="multipart/form-data">
            用户名:<input name="username" />
            <button type="submit">提交</button>
        </form>
    </body>
    
</html>


  • 目录