创建一个表单收集个人信息

创建一个表单收集个人信息

<div>
    <span>用户名：</span>
    <input type="text"  class="common"/>
</div>
	
<div>
    <span>昵称：</span>
    <input type="text" class="common"/>
</div>
	
<div>
    <span>性别：</span>
	<label for="male">男</label>
    <input type="radio" id="male" name="sex" checked="checked"/>
    <label for="female">女</label>
    <input type="radio" id="female" name="sex"/>
</div>
	
<div>
    <span>政治面貌：</span>
  <label for="dangyuan">党员</label>
  <input type="radio" id="dangyuan" name="pa"/>
  <label for="tuanyuan">共青团员</label>
  <input type="radio" id="tuanyuan" name="pa"/>
	<label for="qunzhong">群众</label>
  <input type="radio" id="qunzhong" name="pa" checked="checked"/>
</div>
	
<div>
    <span>学历：</span>
    <select class="con">
    <option>高中</option>
    <option>中专</option>
    <option>大专</option>
    <option selected="selected">本科</option>
    <option>硕士</option>
    <option>博士</option>
    <option>其他</option>
    </select>
</div>
	
<div>
    <span>婚姻状况：</span>
    <input type="radio" id="single" name="state" checked="checked"/>
    <label for="single">未婚</label>
    <input type="radio" id="married" name="state"/>
    <label for="married">已婚</label>
</div>
	
<div>
    <span> 兴趣爱好：</span>
  <input type="checkbox" id="qianduan" name="hobby" checked="checked"/>
  <label for="qianduan">前端开发</label>
  <input type="checkbox" id="houduan" name="hobby"/>
  <label for="houduan">后端开发</label>
  <input type="checkbox" id="meigong" name="hobby"/>
  <label for="meigong">美工</label>
</div>
	
<div>
    <span>个人简介：</span>
    <textarea class="textarea" maxLength="1000">在这里输入内容。。。</textarea>
</div>
	
<div>
    <span></span>
    <input type="submit" value="确定"/>
	<input type="submit" value="重置"/>
</div>

![代码效果图，主流浏览器基本都可以支持](https://img-blog.csdnimg.cn/20200416201407294.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0Njk0MTYz,size_16,color_FFFFFF,t_70)