form 表单
- form表单就是填写的单子:比如登录窗口、编辑资料等
- 一般用于数据提交到到后端,然后保存
一、form表单的语法
代码语言:javascript复制<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>