【JavaWeb】Day05.HTML——表单、表格标签

A仔不会笑

已于 2024-03-09 11:34:19 修改

阅读量229

点赞数 10

分类专栏： JavaWeb 文章标签： html 前端 java

于 2024-03-09 11:33:48 首次发布

本文链接：https://blog.csdn.net/m0_74197695/article/details/136578334

版权

JavaWeb 专栏收录该内容

87 篇文章 0 订阅

订阅专栏

知识点一：

表格标签：

场景：在网页中以表格（行、列）形式整齐展示数据，如：班级表。

标签：

知识点二：

表单标签：

场景：在网页中主要负责数据采集功能，如注册、登录等数据采集。
标签：<form>
表单项：不同类型的 input 元素、下拉列表、文本域等。

<input>：定义表单项，通过type属性控制输入形式
<select>：定义下拉列表
<textarea>：定义文本域

属性：

action：规定当提交表单时向何处发送表单数据，URL
method：规定用于发送表单数据的方式。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>HTML-表单</title>
</head>
<body>
    <!-- 
    form表单属性: 
        action: 表单提交的url, 往何处提交数据 . 如果不指定, 默认提交到当前页面
        method: 表单的提交方式 .
            get: 在url后面拼接表单数据, 比如: username=Tom&age=12 , url长度有限制 . 默认值
            post: 在消息体(请求体)中传递的, 参数大小无限制的.
    -->   

    <form action="" method="get">
        用户名: <input type="text" name="username">
        年龄: <input type="text" name="age">

        <input type="submit" value="提交">
    </form>

</body>
</html>

下面展示 method发送数据的两种方式：

GET：