HTML-表单标签1

1、场景：在网页中主要负责数据采集功能，如注册、登录等数据采集；用<form>标签

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

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

<select>：定义下拉列表

<textarea>：定义文本域

3、form表单属性：

action：规定当提交表单时间时向何处发送表单数据，URL

method：规定用于发送表单数据的方式。GRT、POST


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body> 
    <!-- action决定表单要往哪里提交，如果不指定，默认提交到当前页面 -->
    <!-- 输入form会自动弹出get方式和post方式。
    1、下面首先演示get方式，也是默认方式：会在url后面拼接表单数据，例如：?username=tom&age=12，但是url长度是有限制的，如果要提交一个大的表单是没有办法操作的 
    然后要在form中定义表单项

     <form action="" method="get">
        用户名：<input type="text" name="username">
        年龄：<input type="text" name="age">
        <input type="submit" value="提交">
    </form> -->
    <!-- 2、post提交方式：数据是在消息体（请求体）中传递的，参数大小是无限制的 -->
    <form action="" method="post">
        用户名：<input type="text" name="username">
        年龄：<input type="text" name="age">
        <input type="submit" value="提交">
    </form>
</body>
</html>
posted @ 2025-05-09 12:45  琬六岁  阅读(14)  评论(0)    收藏  举报