首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQueryUI实现自动完成输入框提示

在昨天我发表了一个jQueryUI的effect方法,下面我再来给大家介绍一个通过jQueryUI来实现自动完成输入框提示的方法。他需要调用jQuery对象的 autocomplete ( )方法。...先来说说他的三个常用参数: source:自动提示信息的来源。minLength:输入指定个数字符后产生提示。position:提示框的位置。...autocomplete ( )常用的事件(可以绑定事件处理函数): search:开始查找时;select:选择指定项时;close:提示框关闭后。...下面来举一个小例子来说明一下: $("#course").autocomplete(){ source:["c","c++","java","jsp"],//指定来源 minLength:0,//指定输入多少字符开始出现提示...search:function(){//实现方法 //... } }); 当然,在使用之前必须导入相应的js文件,本站提供下载链接。

1.3K20
您找到你想要的搜索结果了吗?
是的
没有找到

DataList:HTML5中的input输入框自动提示利器

DataList的作用是在你往input输入框里输入信息时,根据你敲进去的字母,自动显示一个提示下列列表,很像百度或谷歌的搜索框的自动提示,在飞机票火车票的搜索页面上也有这样的效果。...DataList的表现很像是一个Select下拉列表,但它只是提示作用,并不限制用户在input输入框里输入什么。...list属性值是datalist的id,这样datalist才能和input输入框关联起来,在之前介绍range类型时曾见到提到过它。...datalist自身并不显示,只在需要配合input输入时才会自动显示出来。 下面我们来看一个实际例子,在下面的输入框里,任意输入几个字母,datalist就会提示给你包含这几个字符的英文国家名称。...你不妨自动动手试一下。非常的简单,以前这样的效果基本上只能用讲Javascript实现,需要你有相当的javascript基本功,而现在,感谢HTML5,只需要纯HTML就能达到这样的神奇效果。

3.2K50

分析:input表单输入框默认提示信息

相信上面两张图片上的输入框里有提示信息这功能大家都见过,有的人应该也自己动手做过。   ...我之前也做过,做法应该和大家都差不多,在输入框里写入提示内容,当鼠标获取焦点后清空内容,当失去焦点后判断内容是否为空,如果为空,则恢复显示提示内容,反则不显示。但这样的做法是否合理?...1、如果输入内容和提示内容完全一样,当失去焦点后,应该如何判断?   ...2、如果input在表单里,提交表单后,提示信息随着表单一并提交,难道还要在后端判断提交信息不等于提示信息,再进行数据操作么?   3、如果1、2两条都触发,后端要如果操作?   ...其实方法很简单,把提示信息单独写在一个模块里,如div,然后设置这个div的样式,让它浮动到输入框上面,至于js,只需多写一句,当我点击这个div的时候,也触发input框的获取焦点事件即可。

3K50

input输入框自动消除空格

今天遇到了一个问题,用户在在前端的input里面输入id的时候,多写了个空格,数据库里面就找不到id了,所以无法获取输入的id所绑定的标签位置在哪里,现在需要在前端做一个处理,input框输入的数值里面,会自动消除空格...3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/<em>js</em>/bootstrap.min.<em>js</em>...这段代码的作用: onkeyup="this.value=this.value.replace(/[, ]/g,'')" 1:在input框里面输入编号的过程中,出现空格,自动消除 2:input首尾出现空格...,自动消除 3:复制粘贴的文本里面出现空格,自动消除 ---- 原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,

4K30

利用placeholder属性来添加输入框默认文字提示,提高用户体验

一、JS 控制默认文字 先说一下问题: 用 HotNewspro 主题的网站,默认的留言输入框是这样的: ? 常规情况下,光标聚焦留言输入框,这个预设提示文字是会自动消失的: ?...也就是说,这个预设提示文字它不会自动消失了!...鼠标 onclick 点击时,判断输入框是不是初始的【默认提示文字】,如果是就清空; b. 鼠标光标离开输入框时,判断输入框里面是否为空,如果为空就自动填入【默认提示文字】。...不过在上文插入表情的那种情境下,就出问题了:点击插入表情时,并没有对输入框触发 onclick 动作,于是默认文字并未清空就填入表情了,然后就算鼠标离开输入框,由于默认文字发生改变,也就不会自动清空了!...先来看一个 demo: 可以发现,输入任意内容后,预设文字将会自动消失!和上文 JS 同样的效果,却简单得多!!

3.5K90
领券