<!DOCTYPE html>
<!--设置该页面是以中文显示和阅读为基础的-->
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>表单标签</title>
<style>
#pwd{
margin-left: 15px;
}
</style>
</head>
<body>
<form action="http://127.0.0.1:8080" method="get" enctype="multipart/form-data">
<!--设置表单元素-->
<p>
<label for="usrname">用户名：</label>
<!--type设置为text时，输入时采用文本的方式进行输入 -->
<input type="text" name="usrname" value="" id="usrname">
</p>
<p>
<label for="pwd">密码：</label>
<!--type设置为password后可以直接将密码加密显示-->
<input type="password" name="pwd" value="" id="pwd">
</p>
<p>
<h3>单选</h3>
<!--radio：设置单选项，通过name设置为同一个值，来实现互斥的效果-->
<input type="radio" name="sex" value="1">男
<!--checked：设置默认值-->
<input type="radio" name="sex" value="0" checked="checked">女
<input type="radio" name="sex" value="2">其他
</p>
<p>
<h3>多选</h3>
<input type="checkbox" checked>抽烟
<input type="checkbox" checked>喝酒
<input type="checkbox" >烫头
</p>
<p>
<h3>当前时间</h3>
<input type="date">
</p>
<p>
<!--select标签：下拉框选择标签,其中multiple是设置为多选，不写时为单选-->
<!--单选-->
<select name="fav" id="">
<!--option标签：与select标签一起使用，设置select标签的下拉选项-->
<option value="basketball" selected>篮球</option>
<option value="football">足球</option>
<option value="pingpang">乒乓球</option>
</select>
<br>
<br>
<br>
<!--多选-->
<select name="fav" id="" multiple>
<!--option标签：与select标签一起使用，设置select标签的下拉选项-->
<option value="basketball" selected>篮球</option>
<option value="football">足球</option>
<option value="pingpang">乒乓球</option>
</select>
</p>
<p>
<h3>文件上传</h3>
<input type="file" name="file">
</p>
<p>
<!--设置文本框的大小-->
<textarea name="" cols="30" rows="5"></textarea>
</p>
<p>
<input type="submit" value="登录">
<input type="button" value="注册">
<button>注册2</button>
<input type="button" value="注册" disabled>
</p>
</form>
</body>
</html>
浙公网安备 33010602011771号