版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。1、文本框
Basic TextBox - jQuery EasyUI Demo
基本文本框
Email:
First Name:
Last Name:
Company:
带按钮的文本框

带清除图标的文本框
$.extend($.fn.textbox.methods, { addClearBtn: function(jq, iconCls){ return jq.each(function(){ var t = $(this); var opts = t.textbox('options'); opts.icons = opts.icons || []; opts.icons.unshift({ iconCls: iconCls, handler: function(e){ $(e.data.target).textbox('clear').textbox('textbox').focus(); $(this).css('visibility','hidden'); } }); t.textbox(); if (!t.textbox('getText')){ t.textbox('getIcon',0).css('visibility','hidden'); } t.textbox('textbox').bind('keyup', function(){ var icon = t.textbox('getIcon',0); if ($(this).val()){ icon.css('visibility','visible'); } else { icon.css('visibility','hidden'); } }); }); } }); $(function(){ $('#tt').textbox().textbox('addClearBtn', 'icon-clear'); });
自定义文本框
带图标的文本框
Select Icon Align:RightLeft
多行文本框
文本框大小
2、文件框
Basic FileBox - jQuery