通过一个隐藏的下拉框控件实现输入的提示空能，代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<input onkeyup="showtips();if(event.keyCode==27)c();" id=txt onkeydown='enterTips()'>(eg. ShanDong)<br>
<select id=sel style='display:none' onclick=rv() onkeydown='if(event.keyCode==13)rv()'></select>
<script>
var msg = new Array("Beijing","Tianjing","Shanghai","Guangdong","ShanDong","Shanxi","Hunan","Hubei");
var msg2=new Array("北京","天津","上海","广东","山东","陕西","湖南","湖北");
function showtips(){
eo=event.srcElement;
sel.length=0;
var len=msg.length;
var re=new RegExp("^"+eo.value,"i")
var j=0
for(i=0;i<len;i++) if(re.test(msg[i])==true){ sel.style.display='';sel.add(new Option(msg[i],msg2[i]));j++}
//下拉框的记录数为1,select控件会出现下拉操作箭头，因此size最小为2
sel.size = (j>1)?j:2;
}
function enterTips(){
e=event.keyCode;
if(sel.style.display!='none'){
if(e==13) event.srcElement.value=sel.value,sel.style.display='none';
if(e==40) sel.focus();
}
}
function rv(){
txt.value=sel.value;
c()
}
function c(){
sel.style.display='none';
txt.focus()
}
document.onclick=function(){
c()
}
</script>
</BODY>
</HTML>
分享到：
相关推荐
Javascript实现的网页文本框输入提示 实现原理： 文本框输入内容后，搜索字符串数组，将匹配内容写入DIV以下拉列表形式展现，并支持方向键选择，效果类似搜索网站的输入提示。 友情提示： 较为粗糙的实现方法，...
本资源主要介绍了使用Java实现输入条件自动提示的方法，旨在模仿百度输入提示。该资源包括准备工作、实例代码、逻辑处理类、SERVLET类、前台页面等部分，涵盖了输入条件自动提示的所有方面。 准备工作 在开始实现...
纯JavaScript和CSS实现的输入下拉提示
本篇将深入探讨如何使用JavaScript实现窗口提示。 首先，让我们了解窗口提示的基本类型。常见的窗口提示包括警告（alert）、确认（confirm）和输入（prompt）对话框。这些内置函数可以直接使用，非常方便： 1. ...
这可以通过更改`type`属性实现，如从`"password"`切换到`"text"`，并添加相应的图标提示。 5. **密码强度指示器** 通过JavaScript评估输入密码的强度，并用图形或文字反馈给用户。这通常基于密码长度、字符复杂度...
本篇将详细讲解如何利用VSCode的插件来实现在导入语句中自动提示模块的功能，这对于提高开发效率、减少手动输入错误非常有帮助。 首先，我们要理解JavaScript的模块系统。在ES6中，引入了`import`和`export`关键字...
总的来说，“Ajax实现输入提示”是一个涵盖了前端JavaScript交互、Ajax通信、服务器端处理和用户体验设计等多个方面的综合实践。通过熟练掌握这些知识点，开发者可以创建出更加智能、高效的Web应用。
JavaScript和CSS实现的输入下拉提示页面
最近做微信端的页面遇到了一个之前没有遇到过的一个页面，刚开始放在那没有去写，可是等其他页面都写好的时候，还是得回过头来研究这个页面问题，刚开始我请教了公司的移动研发，从他那里得到启发，最终实现了这个...
首先，JavaScript提供了多种内置函数来实现基本的输入验证。例如，`isNaN()`函数用于检查一个值是否为非数字，`length`属性用于获取字符串长度，`trim()`用于去除字符串两端的空白字符。通过这些基础功能，我们可以...
在JavaScript编程中，实现下拉提示选择框的功能通常涉及到对HTML Select元素的增强，以便提供更丰富的用户体验。本文介绍了一种结合使用`select`和`suggest`（实际上是指Select2库）的方法，来创建一个既支持直接从...
本文将深入探讨如何使用Ajax实现输入提示功能，尤其关注支持中文的情况。 一、Ajax基础 Ajax的核心是JavaScript对象XMLHttpRequest，它允许在不刷新整个页面的情况下与服务器进行通信。通过创建XMLHttpRequest对象...
本文将详细解析如何使用JavaScript实现这一功能，并结合提供的描述和标签，探讨一个自定义的函数以及一个额外的验证函数。 首先，我们要明白JavaScript中的日期处理主要依赖于`Date`对象。我们可以创建一个新的`...
javaScript实现百度搜索提示 在文本框中输入一个a，则会在文本框下方弹出一个选择框，里面放的是查出来的对应的值 很实用的哦 --------java爱好者 java交流群：166256747， 分享自己的技术是一种美德！
在这份给定文件中，作者提供了一段用JavaScript实现输入提示（自动完成）功能的示例代码。这个功能能够帮助用户在输入信息时，系统自动提供一些匹配的选项供用户选择，以提高输入效率并减少输入错误。 在内容中，...
在这个"javascript智能提示框小例子"中，我们将会探讨如何使用JavaScript创建自定义的提示框，以提供比浏览器默认警告、确认和信息对话框更高级的功能和样式。 在传统的Web开发中，JavaScript内置的`alert()`, `...
本主题将探讨如何使用jQuery和纯JavaScript实现客户端验证，包括图片轮换、Tab切换、图片上下滚动以及表单验证。 首先，jQuery是一个轻量级的JavaScript库，它使得JavaScript的使用更加简洁和高效。在图片轮换功能...
- 自动完成：使用JavaScript实现输入提示，提高输入效率。 - 错误处理：当输入错误时，JavaScript可以即时显示错误信息，并突出显示问题字段。 7. **CSS3动画效果** - 可以利用`transition`和`animation`为...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它主要负责实现客户端的交互功能，如表单验证、动态内容更新、用户界面交互等。在编程过程中，一个具备良好提示功能的JavaScript编辑器能极大地提高开发...