前端入坑第五天

最新推荐文章于 2024-07-24 23:00:08 发布

Brittany____

最新推荐文章于 2024-07-24 23:00:08 发布

阅读量63

点赞数

分类专栏：前端文章标签：前端 css

本文链接：https://blog.csdn.net/Brittany____/article/details/127542291

版权

前端专栏收录该内容

19 篇文章 1 订阅

订阅专栏

所有标签都有的属性：
-id属性：用来标识元素的唯一性
-name属性：提交数据时的参数名
-style属性：设置元素的行内样式（具体的样式）
-class属性：设置元素的样式名

（十一）表单

form:
表单用于向服务器传输数据。form元素是块级元素，其前后会产生折行。
表单提交时，必须设置表单元素的name属性值，否则无法获取数据。
表单需要结合表单元素一起使用。
常用属性：
1.action 提交表单的地址
2.method 提交方式（不区分大小写）
-GET提交get
-POST提交post
3.target 提交数据时打开窗口的方式
-_self 当前窗口
-_blank 空白窗口
4.GET请求与POST请求的区别：（post请求需要服务器的支持）
-get请求时参数会跟在浏览器地址栏的后面，而post请求不会（post请求会将数据存放在请求体中）
-get请求相对于post而言，不那么安全
-get请求传递的数据长度是有限的，而post请求基本没有限制（长度与服务器相关）
-get请求比post请求快（2倍左右）
-get请求有缓存（会将数据存放在浏览器中，即本地磁盘中），而post请求无缓存

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
    <form action="http://www.baidu.com" method="get" target="_blank">
        账户名：<input type="text" name="12345">
        密码：<input type="text" name="23456">
        <button>提交</button>
    </form>
</body>
</html>