常用的表单

<div class="form_top">
    	<form class="form_in">请输入邮箱地址：<input type="email" name="user_email" /><p>邮箱地址请按照要求格式输入</p></form>
    	
    	<form class="form_in">请输入密码：<input type="password" name="password" /></form> 
        <form class="form_in">请重复输入密码：<input type="password" name="password" /><p>密码请为6-16位英文数字</p></form>
    	<form class="form_in city">
    	城市：<select name="city">
        	<option value="北京">北京</option>
            <option value="上海">上海</option>
            <option value="广州">广州</option>
            <option value="深圳">深圳</option>
        </select>
        </form> 
    	<form class="form_in sex">性别：<input type="radio" checked="checked" name="Sex" value="male" />男<input type="radio" name="Sex" value="female" />女</form> 
        <form class="form_in love">爱好：<input type="checkbox" name="sports">运动 <input type="checkbox" name="art">艺术 <input type="checkbox" name="sencise">科学</form> 
        <form class="form_in personal">
        个人描述：
        <textarea row="5" cols="18"></textarea>
        </form> 
        </div>
        
        <form class="form_in button">
        <input type="button" style="width:316px;height:40px;background-color:blue;border-radius:10px;color:#fff;font-size:16px;font-weight:bold;margin-top:20px;" value="确认提交" />
    	</form>
	</div><!--第五篇结束-->

 

#page5 h4{border-left:3px solid #999;line-height:28px;padding-left:10px;padding-top:5px;}
.form_top{margin:10px 0px 30px;padding-right:50px;font-size:14px;}
.form_in{margin-bottom:10px;float:right;display:inline-block;clear:both;position:relative;}
.form_in p{position:relative;left:90px;font-size:12px;color:#666;}
.clearfloat{clear:both} 
.city{position:relative;right:95px;}
.sex{position:relative;right:88px;}
.love{position:relative;right:5px;}
.personal{left:40px;}