【JavaWeb】HTML常见标签_表单标签的基本使用

BD_Marathon2025-12-05 14:00

表单标签

可以实现让用户在界面上输入各类信息并提交的一种标签，是向服务端发送数据主要的方式之一

复制代码

form 
	action 定义数据的提交地址
		1 url
		2 相对路径
		3 绝对路径
	method 定义数据的提交方式
		GET（默认值）
			参数会以键值对形式放在url后提交
			url?key=value&key=value
		POST

表单项标签
表单项标签一定要定义name属性，该属性用于明确提交时的参数名
有时候还需要定义value属性，用于明确提交时的实参
input
	type 输入信息的表单项类型
		text 单行普通文本框
		password 密码框
		submit 提交按钮
		reset 重置

复制代码

<!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>
    <!--
        form 
            action 定义数据的提交地址
            1 url 
            2 相对路径
            3 绝对路径        
    -->
    <form action="09 welcome.html" method="get">
        <!-- 添加表单项标签 用户输入信息的标签-->
         用户名:<input type="text" name="username" value="root"><br>
         密码:<input type="password" name="password"><br>
         <input type="submit" value="登录">
         <input type="reset" value="清空">
         
         
    </form>

</body>
</html>

运行