百科名医网新版个人中心统一表单样式说明文档

示例  代码 
Textarea 支持多行文本的表单控件。可根据需要改变rows属性。
<textarea class="form-control" rows="3"></textarea>
Select 使用默认选项或添加multiple属性可以显示多个选项。
<select class="form-control"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select>
1.文本枢无效果状态
*账  号:
*验证码:
<form action="" method="get">
<div class="reg_bot10">
<div class="tit"><span>*</span>账&nbsp;&nbsp;号:</div>
<input class="reg_ipt_w " value="请输入账号" name="" type="text" />
</div>

<div class="reg_bot10">
<div class="tit"><span>*</span>验证码:</div>
<input class="reg_ipt_w100 " value="" name="" type="text" />
<div class="reg_ipt_text"><a href="#"><img class="reg_ipt_img" src=""/>看不清?</a></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><label><input class="chk_int" name="" type="checkbox" value="" />下次自动登录</label></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><button type="submit" class="bk-button bk-button-secondary">提交</button> </div>
</div>
</form>
1.文本枢无效果状态(字体灰色)
*账  号:
*验证码:
<form action="" method="get">
<div class="reg_bot10">
<div class="tit c_gray"><span>*</span>账&nbsp;&nbsp;号:</div>
<input class="reg_ipt_w " value="请输入账号" name="" type="text" />
</div>

<div class="reg_bot10">
<div class="tit c_gray"><span>*</span>验证码:</div>
<input class="reg_ipt_w100 " value="" name="" type="text" />
<div class="reg_ipt_text"><a href="#"><img class="reg_ipt_img" src=""/>看不清?</a></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox c_gray"><label><input class="chk_int" name="" type="checkbox" value="" />下次自动登录</label></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><button type="submit" class="bk-button bk-button-secondary">提交</button> </div>
</div>
</form>
2.文本枢内阴影2个像素圆角效果
*账  号:
*验证码:
<form action="" method="get">
<div class="reg_bot10">
<div class="tit"><span>*</span>账&nbsp;&nbsp;号:</div>
<input class="reg_ipt_w reg_ipt_w_InnerShadow" value="请输入账号" name="" type="text" />
</div>

<div class="reg_bot10">
<div class="tit"><span>*</span>验证码:</div>
<input class="reg_ipt_w100 reg_ipt_w_InnerShadow" value="" name="" type="text" />
<div class="reg_ipt_text"><a href="#"><img class="reg_ipt_img" src=""/>看不清?</a></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><label><input class="chk_int" name="" type="checkbox" value="" />下次自动登录</label></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><button type="submit" class="bk-button bk-button-secondary">提交</button> </div>
</div>
</form>
2.文本枢内阴影2个像素圆角效果(字体灰色)
*账  号:
*验证码:
<form action="" method="get">
<div class="reg_bot10">
<div class="tit c_gray"><span>*</span>账&nbsp;&nbsp;号:</div>
<input class="reg_ipt_w reg_ipt_w_InnerShadow" value="请输入账号" name="" type="text" />
</div>

<div class="reg_bot10">
<div class="tit c_gray"><span>*</span>验证码:</div>
<input class="reg_ipt_w100 reg_ipt_w_InnerShadow" value="" name="" type="text" />
<div class="reg_ipt_text"><a href="#"><img class="reg_ipt_img" src=""/>看不清?</a></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox c_gray"><label><input class="chk_int" name="" type="checkbox" value="" />下次自动登录</label></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><button type="submit" class="bk-button bk-button-secondary">提交</button> </div>
</div>
</form>
3.文本枢内阴影3个像素圆角效果
*账  号:
*验证码:
<form action="" method="get">
<div class="reg_bot10">
<div class="tit "><span>*</span>账&nbsp;&nbsp;号:</div>
<input class="reg_ipt_w reg_ipt_w_Shadow_a" value="请输入账号" name="" type="text" />
</div>

<div class="reg_bot10">
<div class="tit "><span>*</span>验证码:</div>
<input class="reg_ipt_w100 reg_ipt_w_Shadow_a" value="" name="" type="text" />
<div class="reg_ipt_text"><a href="#"><img class="reg_ipt_img" src=""/>看不清?</a></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox "><label><input class="chk_int" name="" type="checkbox" value="" />下次自动登录</label></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><button type="submit" class="bk-button bk-button-secondary">提交</button> </div>
</div>
</form>
3.文本枢内阴影3个像素圆角效果(字体灰色)
*账  号:
*验证码:
<form action="" method="get">
<div class="reg_bot10">
<div class="tit c_gray"><span>*</span>账&nbsp;&nbsp;号:</div>
<input class="reg_ipt_w reg_ipt_w_Shadow_a" value="请输入账号" name="" type="text" />
</div>

<div class="reg_bot10">
<div class="tit c_gray"><span>*</span>验证码:</div>
<input class="reg_ipt_w100 reg_ipt_w_Shadow_a" value="" name="" type="text" />
<div class="reg_ipt_text"><a href="#"><img class="reg_ipt_img" src=""/>看不清?</a></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox c_gray"><label><input class="chk_int" name="" type="checkbox" value="" />下次自动登录</label></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><button type="submit" class="bk-button bk-button-secondary">提交</button> </div>
</div>
</form>
4.文本枢外阴影效果
*账  号:
*验证码:
<form action="" method="get">
<div class="reg_bot10">
<div class="tit"><span>*</span>账&nbsp;&nbsp;号:</div>
<input class="reg_ipt_w reg_ipt_w_Shadow" value="请输入账号" name="" type="text" />
</div>

<div class="reg_bot10">
<div class="tit "><span>*</span>验证码:</div>
<input class="reg_ipt_w100 reg_ipt_w_Shadow" value="" name="" type="text" />
<div class="reg_ipt_text"><a href="#"><img class="reg_ipt_img" src=""/>看不清?</a></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox "><label><input class="chk_int" name="" type="checkbox" value="" />下次自动登录</label></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><button type="submit" class="bk-button bk-button-secondary">提交</button> </div>
</div>
</form>
4.文本枢外阴影效果(字体灰色)
*账  号:
*验证码:
<form action="" method="get">
<div class="reg_bot10">
<div class="tit c_gray"><span>*</span>账&nbsp;&nbsp;号:</div>
<input class="reg_ipt_w reg_ipt_w_Shadow" value="请输入账号" name="" type="text" />
</div>

<div class="reg_bot10">
<div class="tit c_gray"><span>*</span>验证码:</div>
<input class="reg_ipt_w100 reg_ipt_w_Shadow" value="" name="" type="text" />
<div class="reg_ipt_text"><a href="#"><img class="reg_ipt_img" src=""/>看不清?</a></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox c_gray"><label><input class="chk_int" name="" type="checkbox" value="" />下次自动登录</label></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><button type="submit" class="bk-button bk-button-secondary">提交</button> </div>
</div>
</form>
5.文本枢浮雕效果
*账  号:
*验证码:
<form action="" method="get">
<div class="reg_bot10">
<div class="tit "><span>*</span>账&nbsp;&nbsp;号:</div>
<input class="reg_ipt_w reg_ipt_w_Emboss" value="请输入账号" name="" type="text" />
</div>

<div class="reg_bot10">
<div class="tit "><span>*</span>验证码:</div>
<input class="reg_ipt_w100 reg_ipt_w_Emboss" value="" name="" type="text" />
<div class="reg_ipt_text"><a href="#"><img class="reg_ipt_img" src=""/>看不清?</a></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox "><label><input class="chk_int" name="" type="checkbox" value="" />下次自动登录</label></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><button type="submit" class="bk-button bk-button-secondary">提交</button> </div>
</div>
</form>
5.文本枢浮雕效果(字体灰色)
*账  号:
*验证码:
<form action="" method="get">
<div class="reg_bot10">
<div class="tit c_gray"><span>*</span>账&nbsp;&nbsp;号:</div>
<input class="reg_ipt_w reg_ipt_w_Emboss" value="请输入账号" name="" type="text" />
</div>

<div class="reg_bot10">
<div class="tit c_gray"><span>*</span>验证码:</div>
<input class="reg_ipt_w100 reg_ipt_w_Emboss" value="" name="" type="text" />
<div class="reg_ipt_text"><a href="#"><img class="reg_ipt_img" src=""/>看不清?</a></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox c_gray"><label><input class="chk_int" name="" type="checkbox" value="" />下次自动登录</label></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><button type="submit" class="bk-button bk-button-secondary">提交</button> </div>
</div>
</form>
6.文本枢阴影浮雕效果
*账  号:
*验证码:
<form action="" method="get">
<div class="reg_bot10">
<div class="tit "><span>*</span>账&nbsp;&nbsp;号:</div>
<input class="reg_ipt_w reg_ipt_w_Emboss_a" value="请输入账号" name="" type="text" />
</div>

<div class="reg_bot10">
<div class="tit "><span>*</span>验证码:</div>
<input class="reg_ipt_w100 reg_ipt_w_Emboss_a" value="" name="" type="text" />
<div class="reg_ipt_text"><a href="#"><img class="reg_ipt_img" src=""/>看不清?</a></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox "><label><input class="chk_int" name="" type="checkbox" value="" />下次自动登录</label></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><button type="submit" class="bk-button bk-button-secondary">提交</button> </div>
</div>
</form>
6.文本枢阴影浮雕效果(字体灰色)
*账  号:
*验证码:
<form action="" method="get">
<div class="reg_bot10">
<div class="tit c_gray"><span>*</span>账&nbsp;&nbsp;号:</div>
<input class="reg_ipt_w reg_ipt_w_Emboss_a" value="请输入账号" name="" type="text" />
</div>

<div class="reg_bot10">
<div class="tit c_gray"><span>*</span>验证码:</div>
<input class="reg_ipt_w100 reg_ipt_w_Emboss_a" value="" name="" type="text" />
<div class="reg_ipt_text"><a href="#"><img class="reg_ipt_img" src=""/>看不清?</a></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox c_gray"><label><input class="chk_int" name="" type="checkbox" value="" />下次自动登录</label></div>
</div>

<div class="reg_bot10">
<div class="reg_ipt_checkbox"><button type="submit" class="bk-button bk-button-secondary">提交</button> </div>
</div>
</form>