搜索框js样式(通用型)

news/2024/7/7 8:18:46

HTML部分代码:

——————————————————————————————————————————————————————————————

<div class="search_box">

        <from>
                <ul class="search_ul">
                    <li><input  type="text" name="point" value="地点" οnblur="returnvalue(this, '地点')" οnfοcus="Search(this, '地点')" id="obj1"  style="color:#999;"/></li>
                    <li><input  type="text" name="point" value="请输入关键字" οnblur="returnvalue(this, '请输入关键字')" οnfοcus="Search(this, '请输入关键字')" style="color:#999;"/></li>
                    <li class="li_color"><input type="button" name="search" value="搜索" /></li>
                </ul>
            </from>

</div>


js样式:

———————————————————————————————————————————————————————————————

//得到焦点触发事件
function Search(element,elementvalue)
{
if(element.value==elementvalue)
{
element.value="";
element.style.color="#000";
}
}
//离开输入框时触发事件
function returnvalue(element,elementvalue)
{
if(element.value=="" || element.value.replace(/\s/g,"")=="")
{
element.value=elementvalue;
element.style.color="#999";
}
}

转载于:https://www.cnblogs.com/lpshan/p/4390764.html


http://www.niftyadmin.cn/n/1705907.html

相关文章

单面内存和双面内存有什么不同?

问&#xff1a;单面内存和双面内存有什么不同&#xff1f; 答&#xff1a;一样的&#xff0c;但从理论上来说&#xff0c;有点区别&#xff0c;那就是单面的运行要比双面的快点、稳定&#xff0c;其实那只是理论数据&#xff0c;从表面上或一般测试是看不出来的&#xff0c;双…

DriveListBox、DirListBox、FileListBox(三个列表框)和CommonDialog(公共对话框控件)

驱动器列表&#xff1a;DriveListBox Drive1.Drive "X" 设置X驱动器的起始驱动器 目录列表框控件&#xff1a;DirListBox Dir1.Path "E:/KuGou" 设置目录列表框的默认路径 文件列表框&#xff1a;FileListBox 一般DriveListBox和DirListBox结合使用…

电脑显示内存与实际内存为什么不一致

问&#xff1a;电脑显示内存与实际内存为什么不一致 &#xff1f; 答&#xff1a;如果你的显卡是主板集成的那么显示内存与实际内存就不一样&#xff0c;比如你的内存为256&#xff0c;而集成显卡显存为64&#xff0c;那么显示的实际内存为256-64192&#xff0c;如果集成显存为…

mac osx 10.9 ftp server端口

开启 FTP Serversudo -s launchctl load -w /System/Library/LaunchDaemons/ftp.plist 关闭 FTP Serversudo -s launchctl unload -w /System/Library/LaunchDaemons/ftp.plist 转载于:https://www.cnblogs.com/galoishelley/p/3600734.html

BackgroundWorker类

注意&#xff1a;此类在 .NET Framework 2.0 版中是新增的。 在单独的线程上执行操作。 命名空间:System.ComponentModel程序集:System&#xff08;在 system.dll 中&#xff09; 备注 BackgroundWorker 类允许您在单独的专用线程上运行操作。耗时的操作&#xff08;如下载和…

探究优先队列

原文地址&#xff1a;http://feargod.iteye.com/blog/1286401 队列的特点是先进先出。通常都把队列比喻成排队买东西&#xff0c;大家都很守秩序&#xff0c;先排队的人就先买东西。 但是优先队列有所不同&#xff0c;它不遵循先进先出的规则&#xff0c;而是…

BackgroundWorker 组件

BackgroundWorker 组件使窗体或控件能够异步运行操作。 本节内容 BackgroundWorker 组件概述 描述 BackgroundWorker 组件&#xff0c;该组件让您能够在应用程序的主要 UI 线程以外的其他线程上异步&#xff08;“在后台”&#xff09;执行耗时的操作。 如何&#xff1a;在后…

VB中的键盘事件、鼠标事件、拖放技术

键盘事件&#xff1a;参数是KeyAscii&#xff0c;每次按一下键盘上的一个键&#xff0c;相应的键的Ascii码值都要赋给参数KeyAscii&#xff0c;然后再执行相应的操作 KeyPreview&#xff1a;接受键盘事件。默认情况下&#xff0c;窗体的KeyPreview属性为False&#xff0c;只有窗…