<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单标签</title>
</head>
<body>
<!--
form:用于定义表单可以定一个范围,范围代表采集用户数据的范围
*属性:
* action:指定提交数据的URL
* method:指定提交方式
* 分类:一共7种,2种比较
get:
1. 请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。
2. 请求参数大小是有限制的。
3. 不太安全
post:
2. 请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解)
2. 请求参数的大小没有限制。
3. 较为安全
*表单中的数据要想被提交,必须指定其name属性
-->
<form action="#" method="get">
<!-- label指定输入项的文字描述信息 placeholder 默认字 -->
<label for="username">用户名:</label> <input type="text" name="username" placeholder="请输入用户名" id="username"><br>
密码: <input type="password" name="password" placeholder="请输入密码"><br>
<!--checked 默认被选中-->
性别: <input type="radio" name="gender" value="male" checked="checked"> 男
<!--radio只能选中一共-->
<input type="radio" name="gender" value="female"> 女
<br>
<!--checkbox可以多选中-->
爱好: <input type="checkbox" name="hobby" value="mai"> 逛街
<input type="checkbox" name="hobby" value="java" checked="checked"> java
<input type="checkbox" name="hobby" value="ZuiJu"> 追剧<br>
图片：<input type="file" name="file"><br>
隐藏域：<input type="hidden" name="id" value="aaa"> <br>
取色器：<input type="color" name="color"><br>
生日：<input type="date" name="birthday"> <br>
生日：<input type="datetime-local" name="birthday"> <br>
邮箱：<input type="email" name="email"> <br>
年龄：<input type="number" name="age"> <br>
省份：<select name="province">
<option value="">--请选择--</option>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3" selected>陕西</option>
</select><br>
自我描述：
<textarea cols="20" rows="5" name="des"></textarea>
<br>
<input type="submit" value="登录" >
<input type="button" value="一个按钮" ><br>
<input type="image" src="img/regbtn.jpg">
<input type="submit" value="登录">
</form>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）