欢迎您访问 最编程 本站为您分享编程语言代码，编程技术文章！

热门搜索/Hot Search

您现在的位置是： 首页

form表单

最编程 2024-07-20 22:05:30
...

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>

上一篇： 在MVC架构中，推荐尝试的三种表单提交方法

下一篇： 快速了解 Bootstrap 表单构建方法

推荐阅读