HTML5零基础-11-表单

最新推荐文章于 2024-06-02 15:45:53 发布

Wock1

最新推荐文章于 2024-06-02 15:45:53 发布

阅读量66

点赞数

分类专栏： HTML5 文章标签： html

本文链接：https://blog.csdn.net/quirkmask/article/details/118667768

版权

HTML5 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<!--
    所有标签都有的属性
        id属性    用来标识元素的唯一性
        name属性  用来提交数据时的参数名
        style属性 设置元素的行内样式(具体的样式)
        class属性 设置元素的样式名

    表单
        form
            表单用于向服务器传输数据. form元素是块级元素,其前后会产生折行
            表单提交时,必须设置表单元素的name属性值,否则无法获取数据
            表单需要结合表单元素一起使用

            常用属性
                action 提交表单的地址
                method  提交方式(不区别大小写)
                    GET提交 get
                    POST提交  post

                    get与post请求的区别:
                        1.get请求参数会跟在浏览器地址栏的后面,post请求不会.post请求会将数据存放在请求体中
                        2.get相对于post不安全
                        3.get请求传递的数据长度是有限的,post基本没有限制(长度与服务器相关)
                        4.get比post快(大概是两倍左右)
                        5.get请求有缓存(会将数据存放在浏览器中,即本地磁盘中),而post无缓存

                target 提交数据是打开窗口的方式
                    _self   当前窗口
                    _blank  新开空白窗口

-->


<body>
    <form action="https://www.baidu.com" method="get" target="_blank">
        姓名: <input type="text"  name="uname"/>
        <button>提交</button>
    </form>
    <form>
        姓名: <input type="text"/>
        <button>提交</button>
    </form>
</body>
</html>

Wock1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5零基础-11-表单

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title></head><!-- 所有标签都有的属性 id属性用来标识元素的唯一性 name属性用来提交数据时的参数名 style属性设置元素的行内样式(具体的样式)
复制链接

扫一扫