<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户注册表单</title> </head> <body> <style> div{ margin-top: 15px; display: block; } </style> <h2>用户注册</h2> <div> <strong>账号:</strong> <input type="text" placeholder="不超过八个字符"> </div> <div> <strong>密码:</strong> <input type="password" placeholder="6-16个字符"> </div> <div> <strong>邮箱:</strong> <input type="email" placeholder="example@mail.com"> </div> <div> <strong>年龄:</strong> <input type="number" style="width: 40px"> </div> <div> <strong>生日:</strong> <input type="date"> </div> <div> <strong>课程:</strong> <select name="kecheng" id=""> <option value="html5">HTML5</option> <option value="CSS">CSS</option> <option value="JAVASCRIPT">JAVASCRIPT</option> </select> </div> <div> <strong>爱好:</strong> <input type="checkbox" id="game"> <label for="game">打游戏</label> <input type="checkbox" id="moive"> <label for="moive">看电影</label> <input type="checkbox" id="code"> <label for="code">撸代码</label> </div> <div> <strong>性别:</strong> <input type="radio" id="man" name="sex"><label for="man">男</label> <input type="radio" id="women" name="sex"><label for="women">女</label> <input type="radio" id="baomi" name="sex"><label for="baomi">保密</label> </div> <div> <strong>简介:</strong> <textarea name="info" id="info" cols="25" rows="10"></textarea> </div> <div> <button>提交</button> <input type="button" value="Ajax"> </div> </body> </html>