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

我不是女神ヾ 2022-01-22 04:05 287阅读 0赞

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

先上效果图吧：

![20130613193246953][]

![20130613193304718][]

表单代码：

<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>

[20130613193246953]: /images/20220122/ec1d545a6836418e90ef36fb66c7e992.png
[20130613193304718]: /images/20220122/05d22c9cbba04da78f649b89ac06ff73.png

发表评论取消回复

表情：

评论列表（有 0 条评论，287人围观）

还没有评论，来说两句吧...

相关阅读

相关（札记）EasyUI Form表单

1、easyui跟extjs一样。form表单绑定数据的时候，一绑定时间格式的数据，其它数据就绑定不上了 2、easyui在form表单绑定数据时，不

「爱情、让人受尽委屈。」/ 2022年08月06日 06:15/ 0 赞/ 30 阅读

相关 EasyUI之表单Form

1、实例背景 EasyUI常用的Form表单，利用输入框直接提交值；清空按钮，将填写有误的数据进行清空 2、实例源码 <!DOCTYPE ht

素颜马尾好姑娘i/ 2022年07月15日 01:57/ 0 赞/ 268 阅读

相关 EasyUI之表单Form

1、实例背景 EasyUI常用的Form表单，利用输入框直接提交值；清空按钮，将填写有误的数据进行清空 2、实例源码 <!DOCTYPE ht

刺骨的言语ヽ痛彻心扉/ 2022年07月15日 01:57/ 0 赞/ 250 阅读

相关 HTML04.From表单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

灰太狼/ 2022年06月01日 10:19/ 0 赞/ 156 阅读

相关【easyui】datagrid复合表单

目的达到下图的效果： ![这里写图片描述][70] datagrid初始化 html代码 $(document).ready(function ()

谁践踏了优雅/ 2022年05月26日 06:08/ 0 赞/ 200 阅读

相关 from表单应用

今天，我们来学习from表单的应用，首先，我们要知道from的两个属性action和method，前者表示规定表单提交时向何处发生表单数据，后者规定了表单提交的方式，简单的说就

缺乏、安全感/ 2022年02月23日 11:42/ 0 赞/ 226 阅读

相关 EasyUI之表单验证

当我们开发一个管理类项目的时候，EasyUI是我常用的一个jquery框架，而表单验证显然是我们必须要实现的功能，而使用基于EasyUI的验证功能就比较简便了，本文来介绍下

冷不防/ 2022年02月04日 03:27/ 0 赞/ 339 阅读

相关 EasyUI的from表单，根据皮肤变换改变表单颜色

EasyUI的from表单，根据皮肤变换改变表单颜色先上效果图吧： ![20130613193246953][] ![20130613193304718][]

我不是女神ヾ/ 2022年01月22日 04:05/ 0 赞/ 288 阅读

相关表单改变事件

开发工具与关键技术：MVC 作者：文泽钦撰写时间：2019年7 月 25 日表单改变事件一般用在统计数据数据的时候用上，什么是表单改变事件呢，就是一个表单中的某

我会带着你远行/ 2021年11月19日 11:32/ 0 赞/ 313 阅读

相关扩展easyui 的表单验证

easyui 的validatebox()提供了自定义验证的方法，我们可以对其进行扩展： 1、validator.js $.extend($.fn.validate

女爷i/ 2021年06月24日 14:00/ 0 赞/ 436 阅读