H5-表单笔记
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>FormLearning</title> </head> <body> <form name="register" action="" method="post"> <p>手机号码: <input type="text"> <button>点击获取验证码</button> </p> <p>验证码: <input type="text"></p> <hr/> <p>用户名: <input type="text" name="name" id="name" placeholder="请输入用户名"></p> <p>密码: <input type="password" ></p> <p>确认密码: <input type="password"></p> <p>邮箱: <input type="text"></p> <hr/> <p>性别: <input type="radio" name="sex">男 <input type="radio" name="sex">女</p> <p>出生日期: <select name="birthday" id="year"> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> <option value="1994">1994</option> </select> 年 <select name="birthday" id="month"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> 月 <select name="birthday" id="day"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> 日 </p> <p>爱好: <input type="checkbox" name="like">运动 <input type="checkbox" name="like" >唱歌 <input type="checkbox" name="like" >跳舞 <input type="checkbox" name="like" >其他 </p> <p>详细地址: <textarea cols="30" rows="10"></textarea></p> <p><button type="submit">立即注册</button> <input type="reset"> </p> </form> </body> </html>
结果：
原文：https://www.cnblogs.com/tynam/p/10816445.html