文本框

仿Google首页搜索自动补全!(原创分享jQuery版)

隐身守侯 提交于 2020-01-14 00:15:13
最近学习了一下Ajax,用jQuery做了一些例子,其中觉得仿Google自动补全这个挺帅的。 也是例子里最复杂的一个,后来我又修改了很长时间,尽量模仿的逼真,但是还是没达到预期效果,对汉字,拼音解析都不支持。 对于这方面我也没啥经验,不知道具体该咋弄。所以分享页面源码。希望园子里有用js处理中文自动补全经验的朋友。 可以帮忙分析一下实现,我最近也快期末考试了(电路,离散没怎么听过,要恶补),没有那么多的时间再研究了。所以偷个懒。 仿Google自动补全,实现细节: 后台是简单的servlet(其实就是负责后台处理数据交互的,没必要非跌用个struts...什么的) 传输介质:xml 使用jQuery js框架 功能实现: 如果在缓冲300ms内只输入一个字母,则开始与后台交互。 弹出检索匹配单词的层。可以通过方向键上下选择选项,被选择的高亮显示,颜色和Google的一模一样,并且键盘选择过程 中文本框动态赋值高亮单词,回车提交,ESC隐藏显示层,删除文本框中内容。 被鼠标选择的单词高亮显示,点击鼠标可以替换文本框内容,层自动消失。 backspace键删除后如果文本框不为空再次与服务器交互,检索。 回车提交,鼠标点按钮也可以提交。(最基本的) xml文件用java提取数据库数据并生成。 基本就这样了。 功能也不复杂,不过这个功能网上的例子比较缺。 struts2里有自动补全的标签

控件之Lable Entry Text Scrollbar button

被刻印的时光 ゝ 提交于 2020-01-13 14:12:32
不管是 Entry 还是 Text 组件,程序都提供了 get() 方法来获取文本框中的内容; 但如果程序要改变文本框中的内容,则需要调用二者的 insert() 方法来实现。 如果要删除 Entry 或 Text 组件中的部分内容,则可通过 delete(self,first,last=None) 方法实现, 该方法指定删除从 first 到 last 之间的内容。 关于 Entry 和 Text 支持的索引需要说明一下,由于 Entry 是单行文本框组件,因此它的索引很简单, 比如要指定第 4 个字符到第 8 个字符,索引指定为 (3,8) 即可。但 Text 是多行文本框组件, 因此它的索引需要同时指定行号和列号,比如 1.0 代表第 1 行、第 1 列(行号从 1 开始, 列号从 0 开始), 如果要指定第 2 行第 3 个字符到第 3 行第 7个字符,索引应指定为 (2.2,3.6)。 此外,正如从前面程序所看到的,Entry 支持双向绑定,程序可以将 Entry 与变量绑定在一起, 这样程序就可以通过该变量来改变、获取 Entry 组件中的内容。 来源: CSDN 作者: flyingc 链接: https://blog.csdn.net/u011878611/article/details/103954993

Winforms开发技巧大揭秘,DevExpress查找编辑器自动搜索模式

半腔热情 提交于 2020-01-06 22:10:21
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 下载DevExpress v19.2完整版 DevExpress v19.2汉化资源获取 DevExpress Winforms Controls 内置140多个UI控件和库,完美构建流畅、美观且易于使用的应用程序。在前面的教程文章中,技术团队宣传了针对DevExpress LookUpEdit和GridLookUpEdit控件新的AutoSuggest模式。 简而言之,AutoSuggest允许编辑器执行自定义任务来检索下拉菜单项(因此编辑器具有虚拟数据源,每次用户在查找文本框中输入值时,虚拟数据源都会更改)。大多数人将这个新功能用于空的、未绑定的编辑器。如果您的查找编辑器绑定到静态数据源,则源记录将仅在一种使用情况下显示:当文本框为空并且用户按下下拉按钮时。 到目前为止,如果您希望用户搜索查找记录,则不得不使用earchLookUpEdit。 该编辑器满足了业务需求,但缺少当今用户对高级桌面应用程序所期望的一些现代功能。SearchLookUpEdit带有”locked”文本框,该文本框不允许用户通过键盘输入文本值,该文本框不允许用户通过键盘输入文本值。为了找到记录,它激活了一个下拉面板,并允许用户在其嵌入式查找面板中输入搜索条件。 使用v19.2,您能够将LookUpEdit \

Jquery实现文本框输入提示

夙愿已清 提交于 2020-01-05 02:59:01
一些用户体验好的表单都会在文本框里设置输入提示,文本框获取焦点时,提示内容消息,如果未输入,失去焦点时又会出现提示。 网上找到一个比较好用的控件 jquery.inputDefault.js 使用方法: 1、在jsp页面引用 jquery.inputDefault.js <script src="/js/jquery.inputDefault.js" type="text/javascript"></script> 2、需要为控件增加一个自定义属性fs,fs的值就是提示内容。 <input type="text" id="key" name="key" fs="请输入"></input> 3、然后在jsp文件中增加js调用代码: $(function() { $('[fs]').inputDefault(); }); 这个控件的实现实质上是在文本框上覆盖了一层<label>标签,通过文本框的onblur和onfocus事件来控制lable标签的显示与隐藏。 不过这个控件有一个弱点就是如果是动态表单,会造成标签错位,即提示内容与文本框错位。 于是自己也实现了一个 input.emptyText.js 使用方法: 1、在jsp页面引用 input.emptyText.js <script type="text/javascript" src="/js/input.emptyText

HTML中<input>和<textarea>的区别

一世执手 提交于 2020-01-05 01:51:16
在HTML中有两种方式表达文本框 一个是<input>元素的单行文本框 一种是<textarea>的多行文本框。 <input>元素: 1.一定要指定type的值为text; 2.通过size属性指定显示字符的长度,value属性指定初始值,Maxlength属性指定文本框可以输入的最长长度; <input type="text" value="" size="10" Maxlength="15"> <textarea>元素 1.使用<textarea></textarea>标签对 2.内容放在<textarea></textarea>标签对中 3.使用row、col指定大小 <textarea row="3" col="4">内容内容内容内容</textarea> 区别:一个是单行文本框,一个是多行文本框。 来源: https://www.cnblogs.com/leena/p/6963240.html

(表单、表单的元素、表单的属性)

风格不统一 提交于 2020-01-03 07:53:33
表单: 标签名: 1、form (表单) action(路径 ) method (提交方式) 2、method (提交方式) ( get提交 ) 在路径后面加参数 ; 显示的是 ?name=123&age=123 注意: 键中不要加空格,加空格后所显示的就不是想要的数值了 ?name=123&age=123 ?name =123&age=123 值不要加引号,同样的加引号后得到的数值就不同了 ?name=123&age=123 ?name=“ 123 ”&age=123 ( post提交 )这种提交方式比较安全,不会在路径中显示想要的数值, 在请求信息里面加参数 表单元素: 文本框属性 这三点对文本框,密码框,多行文本都有用, { 一、placeholder=“ 文本框 ” 就是文本框里显示的数值,比如现在输入的是文本框,显示的就是文本框,输入其他的时候就消失了。 二、disabler 不能操作其中的东西,但是有光标 三、 readonly 只读,不能输入,没有光标。} 1、文本框类型 (1)文本框:text (2)密码框:password (3)隐藏域:hidden (4)多行文本 :texarea 2、按钮类型 disabled 不可操作,对按钮建都有用,只看则没用 (1)提交: submit、 button标签也是提交的意思 (2)复位: rest (3)普通:button

HTML-表单

☆樱花仙子☆ 提交于 2020-01-03 07:49:28
表单是用来交互的,接收浏览器端的数据 语法:<form name="" action="" method=""> 各种控件..... </form> 表单属性 name 表单标识 action表单数据提交给处理数据的页面 method表单提交方式 有post和get 默认get get方式 通过地址传输数据 不能传递敏感数据, 不能传递大量数据,最大1KB 不能传递附件 post方式 将数据传递给处理程序 相对安全 可以传递大量数据 可以传递附件 控件介绍 1、单行文本框 语法:<input type="text" name="" value="" size="" maxlength=""/> 属性:name单行文本框的标识 size文本框宽度 单位字符 maxlength文本框最多能输入多少字符,超过则无法输入 value 文本框的初始值 2、密码框 语法:<input type="password" name="" value="" size="" maxlength=""/> 属性:name 密码框的标识 value 密码框的初始值 size 密码框的宽度,单位字符 maxlength 密码框最多能输入的字符,超过无法输入 readonly只读属性,可以选中,不能修改 disabled 不能选中,也不能修改 3、单选框 语法:<input type="radio" name=

MyEclipse代码自动补全设置

扶醉桌前 提交于 2020-01-03 03:57:38
1、打开 Eclipse -> Window -> Perferences -> Java -> Editor -> Content Assist,在右边最下面一栏找到 auto-Activation ,下面有三个选项,找到第二个“Auto activation triggers for Java:”选项 2、在其后的文本框中会看到一个“.”存在。这表示:只有输入“.”之后才会有代码提示和自动补全,修改这里。把该文本框中的“.”换掉,换成“abcdefghijklmnopqrstuvwxyz.”,这样在Eclipse里面写Java代码就可以做到按“abcdefghijklmnopqrstuvwxyz.”中的任意一个字符都会有代码提示了。当然,还有大写字母也要输进去哦! 来源: https://www.cnblogs.com/ficow/p/4995730.html

input文本框输入限制

泪湿孤枕 提交于 2019-12-31 17:19:34
1.文本框只能输入正数数字,且最长2位小数: oninput = "var p2 = parseFloat(value).toFixed(2);value = p2>=0?(/\.0?$/.test(value)?value:p2.replace(/0$/,'').replace(/\.0$/,'')):''" 2.文本框只能输入正数数字: oninput = "value=value.replace(/[^\d]/g,'')" 3.文本框只能输入0-30的数字: oninput = "testNum(this);" /**限制只能输入0-30的数字*/ function testNum ( num ) { var p = /^([0-9]|2[0-9]|30)$/ ; if ( ! p . test ( num . value ) ) { num . value = "" ; } } 4.文本框只能输入正负数与小数(小数仅能输入2位) oninput = "upperCase(this);" /**限制用户只能输入正负数与小数(小数仅能输入2位)*/ function upperCase ( obj ) { if ( isNaN ( obj . value ) && ! /^-$/ . test ( obj . value ) ) { obj . value = "" ; }

.NET Core开发的iNeuOS工业互联平台,升级四大特性:配置数据接口、图元绑定数据、预警配置和自定义菜单

此生再无相见时 提交于 2019-12-30 23:20:28
目 录 1. 概述... 2 2. 演示信息... 2 3. iNeuView(Web组态)配置数据接口... 2 4. iNeuView(Web组态)图元绑定数据... 4 5. iNeuView(Web组态)图元和文本框配置预警... 5 6. iNeuView(Web组态)图元和文本框自定义右键菜单... 6 1. 概述 2019年即将结束,我们从2018年到现在,打了两年的基础,2020年是我们的发展元年,目标是带动群友5-10名人员一同发展。 此次升级主要针对iNeuView的Web组态,进一步完善产品体系,包括: 每个组态页面可以配置数据接口、图元可以绑定数据点、图元和文本框根据绑定的数据点配置预警方案、图元和文本框可以自定义菜单项等 。 2. 演示信息 在线演示: http://demo.ineuos.net (注:服务器比较慢,请耐心等待。自已注册用户,体验系统功能) 视频演示: http://www.ineuos.net/video/iNeuOS%20and%20app.mp4 驱动开发: http://www.ineuos.net/index.php/products/ineukernel-15.html (v2.1版本) 手机APP: http://demo.ineuos.net/app/ineuos_app.apk 3. iNeuView(Web组态