H5-表单笔记
程序员文章站
2022-06-24 11:46:08
H5-表单笔记 结果： ......
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>
结果：