form表单
form表单用来前后端的交互
表单校验:过滤无效的请求 数据格式不合法 前端对数据的合法性进行校验
<form action="" method="" onsubmit=""></form>
action:服务器的地址
method:数据传输方法GET POST
GET 的缺陷:传输数据量有限 安全性欠佳
POST:比较安全 可以传输的数据量比较大
submit:表单提交事件
form表单举例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.bx {
margin-left: 10px;
color: red;
font-size: 14px;
display: none;
}
</style>
</head>
<body>
<form action="login.html" method="get" onsubmit="return valt();">
<label for="">用户名</label>
<input type="text" id="txt-name">
<span class="bx bx1">*用户名必须为8至12位字符</span><br>