表单属性
action/method/target/novalidate/autocomplete 等属性
表单属性
<form> 的 action/method 等属性决定数据如何提交和处理。
学完本章你将： 掌握 action/method/target/novalidate/autocomplete。
action 与 method
html
<!-- action：提交到哪里 -->
<!-- method：get（URL可见）/ post（隐藏） -->
<form action="/api/login" method="post">
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="登录">
</form>| method | 特点 | 场景 |
|---|---|---|
| GET | 数据附在 URL 后面、有长度限制 | 搜索、筛选 |
| POST | 数据在请求体中、无长度限制 | 登录、注册、上传 |
其他表单属性
html
<form action="/submit"
method="post"
target="_blank" <!-- 在新窗口显示结果 -->
novalidate <!-- 跳过浏览器验证 -->
autocomplete="on" <!-- 自动填充 -->
enctype="multipart/form-data"> <!-- 上传文件必须 -->enctype 编码类型
html
<!-- 默认（文本数据） -->
<form enctype="application/x-www-form-urlencoded">
<!-- 上传文件时必须 -->
<form enctype="multipart/form-data">
<!-- 纯文本，不用 URL 编码 -->
<form enctype="text/plain">