实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>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="不超过12个字符"> </p> <p> <label for="email">邮箱:</label> <input type="email" id="email" name="email" placeholder="exemail@.com" required> </p> <p> <label for="age">年龄:</label> <input type="number" id="age" name="age" min="16" max="70"> </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">html</option> <option value="2">css</option> <option value="3">js</option> <option value="4">php</option> <option value="5">thinkphp</option> <option value="6">无聊</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="progamme" id="programme"> <label for="programme">撸代码</label> <input type="checkbox" name="hobby[]" value="movise" id="movise" checked> <label for="movise">看片</label> </p> <p> <label for="male">性别</label> <input type="radio" name="gander" value="male" id="male"> <label for="male">男生</label> <input type="radio" name="gander" value="female" id="female"> <label for="female">女生</label> <input type="radio" name="gander" value="secrecy" id="secrecy" checked> <label for="secrecy">保密</label> </p> <p> <label for="comment">简介</label> <textarea name="comment" id="comment" cols="30" rows="10" placeholder="不超过30个字"></textarea> </p> <p> <input type="submit" name="submit" value="提交"> <input type="reset" name="reset" value="重置"> </p> </form> </body> </html>
运行实例
点击 "运行实例" 按钮查看在线实例