<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 1.导jQuery的JS包 --> <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script> <!-- 2.导入css资源 --> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css"> <!-- 3.导入图标资源 --> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css"> <!--4. EasyUI的js包 --> <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script> <!-- 5.本地语言 --> <script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script> </head> <body> <!-- 下拉框 --> 修改员工的界面 <input class="easyui-combobox" data-options="{ url:'json/combo.json', valueField:'id', textField:'text' }" > <br><br> <!-- 三级联动 --> 省:<input class="easyui-combobox" style="width:100px" data-options="{ url:'获取地区数据的表(Servlet)' }" >
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 1.导jQuery的JS包 --> <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script> <!-- 2.导入css资源 --> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css"> <!-- 3.导入图标资源 --> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css"> <!--4. EasyUI的js包 --> <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script> <!-- 5.本地语言 --> <script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script> <script type="text/javascript"> $(function(){ $("#lt").linkbutton({text:"测试"}).bind('click',function(){alert("绑定事件");}); }); </script> </head> <body> <!-- form表单 --> 添加员工的界面 <br><br> <!-- 验证框 --> <input id="vv" class="easyui-validatebox" data-options="required:true,validType:'email',missingMessage:'邮箱不能为空'" /> <br><br> <input id="vv1" class="easyui-validatebox" data-options="required:true,validType:'length[3,10]'" /> <br><br> <!-- 文本框 --> <input id="tt1" class="easyui-textbox" data-options="iconCls:'icon-search',validType:'length[3,10]',prompt:'请输入要搜索的关键字',value:'默认值',type:'text', editable:true,readonly:false,buttonText:'搜索',buttonIcon:'icon-search',onClickButton:function(){ alert('搜索被点击了'); }" style="width:200px" required="true"> <br><br> <a id="lt" href="#"></a><br><br> <input type="text" class="easyui-numberbox" data-options="min:10,max:100,prefix:'$'"></input> <input id="dd" class= "easyui-datebox" required ="required" editable="fasle"> </input><!-- editable不可以编辑,一直可以按照导航来输入 --> <input class="easyui-datetimebox" name="birthday" data-options="required:true,showSeconds:true" style="width:150px"> <select id="cc" class="easyui-combobox" style="width:200px;"> <option>aitem1</option> <option>bitem2</option> <option>bitem3</option> <option>ditem4</option> <option>eitem5</option> </select> <br> </body> </html>