<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
</head>
<body>
<h1>用户登陆注册</h1>
<form action="标签.html" method="get">
<!--隐藏域：hidden
只读：readonly
禁用：disabled
-->
<!--placeholder 提示信息
required 非空判断
pattern 正则表达式
-->
<!--文本输入框：input type="text"
value="小明" 默认初始值
maxlength="8" 最长能写几个字符
size="50" 文本框的长度
-->
<p>名字：<input type="text" name="username" value="小明" maxlength="8" size="50"></p>
<!--密码框：input type="password"-->
<p>密码：<input type="password" name="password"></p>
<!--单选框标签
input type="radio"
value="boy" ：单选框得值
name="sex" ：表示组
-->
<p>性别：
<input type="radio" value="boy" name="sex"/>男
<input type="radio" value="girl" name="sex"/>女
</p>
<!--多选框-->
<p>爱好：
<input type="checkbox" value="sleep" name="hobby">睡觉
<input type="checkbox" value="code" name="hobby">敲代码
<input type="checkbox" value="chat" name="hobby">聊天
<input type="checkbox" value="game" name="hobby">游戏
<input type="checkbox" value="eat" name="hobby">吃
</p>
<p>按钮：
<input type="button" name="btn" value="点击一下">
</p>
<!--文件域-->
<p>
<input type="file" name="files">
</p>
<!--下拉框-->
<p>课程：
<select name="列表名称">
<option value="Chinese">语文</option>
<option value="Math">数学</option>
<option value="English">英语</option>
</select>
</p>
<!--文本域-->
<p>反馈：
<textarea name="textarea" cols="50" rows="10">文本内容</textarea>
</p>
<!--email-->
<p>EMail:
<input type="email" name="email">
</p>
<!--URL-->
<p>URL:
<input type="url" name="url">
</p>
<!--滑块-->
<p>音量：
<input type="range" name="voice" max="100" min="0" step="2">
</p>
<!--搜索框-->
<p>搜索：
<input type="search" name="search">
</p>
<!--增强鼠标可用性-->
<p>
<label for="mark">点击</label>
<input type="text" id="mark"/>
</p>
<p>
<input type="submit">
<input type="reset">
</p>
</form>
</body>
</html>
HTML5中Form表单的基础标签