标签:username 省市 form 前端 表单 birthday hobby
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>form表单</title> | |
</head> | |
<body> | |
<form action="http://127.0.0.1:5000/reg" method="post" enctype="multipart/form-data"> | |
<p> | |
<label for="i1">username: | |
<input type="text" id="i1" name="username" > | |
</label> | |
</p> | |
<p>password:<input type="password" name="pwd"></p> | |
<p>birthday: | |
<input type="date" name="birth"> | |
</p> | |
<p>性别: | |
<input type="radio" name="gender" value="1">男 | |
<input type="radio" name="gender" checked value="2">女 | |
</p> | |
<p>hobby: | |
<input type="checkbox" value="basketball" name="hobby">篮球 | |
<input type="checkbox" value="football" name="hobby">足球 | |
<input type="checkbox" name="hobby" value="doulecolorball">双色球 | |
</p> | |
<p>省市: | |
<select name="province" id=""> | |
<option value="bj">北京</option> | |
<option value="sh">上海</option> | |
<option value="sz">深圳</option> | |
</select> | |
</p> | |
<p>省市多选: | |
<select name="" id="" multiple> | |
<option value="">北京</option> | |
<option value="">上海</option> | |
<option value="">深圳</option> | |
</select> | |
</p> | |
<p>省市2: | |
<select name="" id=""> | |
<optgroup label="北京"> | |
<option value="">朝阳</option> | |
<option value="">海淀</option> | |
<option value="">昌平</option> | |
</optgroup> | |
<optgroup label="上海"> | |
<option value="">浦东新区</option> | |
<option value="">黄埔</option> | |
<option value="">闵行</option> | |
</optgroup> | |
<optgroup label="深圳"> | |
<option value="">宝安</option> | |
<option value="">坪山</option> | |
<option value="">南山</option> | |
</optgroup> | |
</select> | |
</p> | |
<p>自我评价: | |
<textarea name="info" id="" cols="30" rows="10"></textarea> | |
</p> | |
<p>文件资料: | |
<input type="file" name="myfile"> | |
</p> | |
<input type="submit" value='注册'> | |
<input type="reset"> | |
<input type="button" value="按钮"> | |
</form> | |
</body> | |
</html> |
标签:username,省市,form,前端,表单,birthday,hobby 来源: https://www.cnblogs.com/dengyanchuan/p/10638790.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。