HTML-08.表单标签

天上掉下来个程小白

已于 2024-08-10 23:36:28 修改

阅读量271

点赞数 3

分类专栏： Javaweb 文章标签： html 前端 javascript

于 2024-08-04 20:03:39 首次发布

本文链接：https://blog.csdn.net/qq_45055856/article/details/140910923

版权

Javaweb 专栏收录该内容

81 篇文章 1 订阅

订阅专栏

一.表单标签

场景：在网页中主要负责数据采集功能，如注册、登录等数据采集

标签：<form>

表单项：不同类型的input元素、下拉列表、文本域等

<input>:定义表单项。通过type属性控制输入形式

<select>:定义下拉列表

<textarea>:定义文本域

属性：

action:规定当提交表单时向何处发送表单数据,URL。如果不指定默认提交到当前页面！

method:规定用于发送表单数据的方式。GET/POST

GET：表单拼接在URL后面，?username=年后&age=12，大小有限制。GET是默认提交方式

POST：表单数据在请求体中携带，大小没有限制。在消息体或者请求体中传递的

注意：表单项必须有name属性才能够提交

value:值为"文本" 规定 <input> 元素的值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格标签</title>
    <style>
    </style>
</head>
<body>
    <!-- 表单标签
        场景：在网页中主要负责数据采集功能，如注册、登录等数据采集
        标签：<form>
        表单项：不同类型的input元素、下拉列表、文本域等
            <input>:定义表单项。通过type属性控制输入形式
            <select>:定义下拉列表
            <textarea>:定义文本域
        属性：
            action:规定当提交表单时向何处发送表单数据,URL  
            method:规定用于发送表单数据的方式。GET/POST
                GET：表单拼接在URL后面，?username=年后&age=12，大小有限制。GET是默认提交方式
                POST：表单数据在请求体中携带，大小没有限制。在消息体或者请求体中传递的
        注意：表单项必须有name属性才能够提交
    -->
    <form action="" method="post">
        用户名 <input type="text" name="username">
        年龄 <input type="text" name="age">
        <input type="submit" value="提交" >
    </form>
</body>
</html>