<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单于表单中的控件元素</title>
</head>
<body>
<h3>用户注册</h3>
<form action="" method="get" name="register">
<p>
<label for="username" >账号:</label>
<input type="text" id="username" name="username" placeholder="不超过8个字符!" autofocus>
</p>
<p>
<label for="password" >密码:</label>
<input type="password" id="password" name="password" placeholder="请输入密码">
</p>
<p>
<label for="email" >邮箱:</label>
<input type="email" id="email" name="email" placeholder="123@123.com" required>
</p>
<p>
<label for="age" >年龄:</label>
<input type="number" id="age" name="age" min="10" max="30" >
</p>
<p>
<label for="birthday" >年龄:</label>
<input type="date" id="birthday" name="birthday" >
</p>
<!--下拉列表-->
<p>
<label for="course">课程:</label>
<select name="course" id="course" size="1">
<option value="0">请选择</option>
<option value="1">HTML5</option>
<option value="2">CSS3</option>
<option value="3">JavaScript</option>
<option value="4">PHP</option>
<option value="5">MySQL</option>
<option value="6">ThinkPHP</option>
</select>
</p>
<p>
<label for="programme">爱好:</label>
<input type="checkbox" name="hobby[]" value="game" id="game">
<label for="game">打游戏</label>
<input type="checkbox" name="hobby[]" value="programme" id="programme">
<label for="programme">掳代码</label>
<input type="checkbox" name="hobby[]" value="programme" id="movies" checked>
<label for="movies">看片啊</label>
</p>
<p>
<input type="radio" name="gender" value="male" id="male">
<label for="male">男生</label>
<input type="radio" name="gender" value="female" id="female">
<label for="female">女神</label>
<input type="radio" name="gender" value="secrecy" id="secrecy" checked>
<label for="secrecy">保密</label>
</p>
<p>
<label for="comment">简介:</label>
<textarea name="comment" id="comment" cols="30" rows="10" maxlength="300" placeholder="不超过150个字!"></textarea>
</p>
<p>
<input type="submit" name="submit" value="提交">
<input type="reset" name="reset" value="重置">
<button style="submit">提交1</button>
</p>
</form>
</body>
</html>