form表单校验

最新推荐文章于 2024-03-09 23:35:24 发布

自由如风z

最新推荐文章于 2024-03-09 23:35:24 发布

阅读量394

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/var_da/article/details/103085279

版权

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>

最低0.47元/天解锁文章

自由如风z

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
form表单校验

form表单form表单用来前后端的交互表单校验：过滤无效的请求数据格式不合法前端对数据的合法性进行校验<form action="" method="" onsubmit=""></form>action:服务器的地址method：数据传输方法GET POSTGET 的缺陷：传输数据量有限安全性欠佳POST：比较安全可以传输的数据量比较大...
复制链接

扫一扫