EasyUI的from表单,根据皮肤变换 改变表单颜色

5 篇文章 0 订阅

EasyUI的from表单,根据皮肤变换  改变表单颜色

先上效果图吧:






表单代码:

<style type="text/css">
#myResume{
	border-collapse: collapse;  /* 让边框合并 */
	border: 1px solid #95B8E7;	/*边框1个像素  */
}
/**改变th的字体*/
th{font-weight: normal;color: #0E2D5F;height:20px; line-height: 20px;width:80px;text-align:center}
td{padding:2px;}
#myResume input{width:180px;}
.resumeTable{width:98%}
</style>
<div class="demo-info">
	<div class="demo-tip icon-tip"></div>
	<div>注意: 录入个人简历</div>
</div>
<div style="position:relative;margin-left:40px;margin-top:10px;">
<form id="resumeForm" method="post">
<table id="myResume" bordercolordark="#FFFFFF" bordercolorlight="#45b97c" border="1px" cellpadding="0" cellspacing="0" >
    <tr><th class="panel-header">姓  名</th ><td><input type="text" class="combo easyui-validatebox" data-options="required:true" name="name" style="height:27px;" /></td>  <th class="panel-header">性  别</th><td><select class="easyui-combobox" data-options="panelHeight: 'auto'" name="sex" style="width:180px;"> <option value="男">男</option> <option value="女">女</option></select> </td></tr>
    <tr><th class="panel-header">手机号码</th><td><input type="text" class="combo easyui-validatebox" data-options="required:true" name="name" style="height:27px;" /></td>  <th class="panel-header">电子邮箱</th><td><input type="text" class="combo easyui-validatebox" data-options="required:true" name="name" style="height:27px;" /></td></tr>
    <tr><th class="panel-header">教育程度</th><td><input type="text" class="combo easyui-validatebox" data-options="required:true" name="name" style="height:27px;" /></td>  <th class="panel-header">工作职位</th><td><input type="text" class="combo easyui-validatebox" data-options="required:true"  name="name" style="height:27px;" /></td></tr>
    <tr><th class="panel-header">工作城市</th><td><input type="text" class="combo easyui-validatebox" data-options="required:true" name="name" style="height:27px;" /></td>  <th class="panel-header">期望工资</th><td><input type="text" class="combo easyui-validatebox" data-options="required:true" name="name" style="height:27px;" /></td></tr>
    <tr><th class="panel-header">自我介绍</th><td colspan="3"><textarea  class="combo resumeTable"></textarea></td> </tr>
    <tr><th class="panel-header">特长</th><td colspan="3"><textarea  class="combo resumeTable"></textarea> </td> </tr>
    <tr><th class="panel-header">地址</th><td colspan="3"><textarea  class="combo resumeTable"></textarea></td> </tr>
</table>
</form>
</div>




  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值