<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--
* form:用于定义表单，可以定义一个范围内，范围代表采集用户数据范围
* 属性：2种
* action:指定数据提交的URL
* method:指定数据提交的方法
* get:1.请求参数会在地址栏中显示，会封装在请求栏中
2.请求参数大小有限制
3.不安全
* post:1.请求参数不会在地址栏中显示，会封装在请求栏中
2.请求参数大小无限制
3.比较安全
* 表单项各种数据想要提交：必须要指定name属性
-->
<form method="get">
<label for="username">用户名：</label><input id="username" type="text" name="username" placeholder="请输入密码"><br/>
密码：<input type="password" name="pwd"><br/>
性别：<input type="radio" name="gander" value="male"checked>男
<input type="radio" name="gander" value="fmale">女<br/>
爱好: <input type="checkbox" name="hobby" value="running" checked>跑步
<input type="checkbox" name="hobby" value="reading">阅读
<input type="checkbox" name="hobby" valuu="sing">唱歌<br/>
图片：<input type="file" name="file"><br/>
隐藏域：<input type="hidden" name="aaa" vale="yinchang"><br/>
取色器：<input type="color" name="color">
<br/>
生日： <input type="date" name="brithday">
<br/>
日历： <input type="datetime-local" name="date">
<br/>
邮箱： <input type="email" name="email">
<br/>
省份： <select name="previce">
<option vale=""> 请选择</option>
<option vale="1">贵州</option>
<option value="2">北京</option>
<option value="3">浙江</option>
</select>
<br/>
自我介绍：
<textarea cols="10" rows="10"></textarea>
<br/>
<input type="submit" value="登录"><br>
<input type="button" value="登录"><br>
<input type="submit" value="登录"><br>
<input type="image" src="img/3.jpg">
</form>
</body>
</html>
扫一扫
8215
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
