搜索框带有搜索提示点击消失代码实例-低调大师

搜索框带有搜索提示点击消失代码实例

2018-03-21 829 89

搜索框大家一定都不陌生，因为随时都可以用到，比较人性化的搜索框都有这样的效果，默认情况有搜索提示，点击搜索框，提示内容消失，下面就通过代码实例介绍一下如何实现此功能。

代码如下:

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

      <!DOCTYPE html>  
     
      <
      html
      >   
     
      <
      head
      >   
     
      <
      meta 
      charset
      =
      " utf-8"
      >   
     
      <
      meta 
      name
      =
      "author" 
      content
      =
      "http://www.softwhy.com/" 
      />   
     
      <
      title
      >蚂蚁部落</
      title
      >  
     
      <
      script 
      type
      =
      "text/javascript"
      > 
     
      window.onload=function(){
     
      var keyword=document.getElementById("keyword"); 
     
      keyword.onfocus=function(){ 
     
      if(this.value=="请输入关键词"){ 
     
      this.value=""; 
     
      }   
     
      } 
     
      keyword.onblur=function(){ 
     
      if(this.value==""){ 
     
      this.value="请输入关键词"; 
     
      }   
     
      } 
     
      }
     
      </
      script
      >    
     
      </
      head
      >   
     
      <
      body
      >   
     
      <
      input 
      type
      =
      "text" 
      value
      =
      "请输入关键词" 
      id
      =
      "keyword"
      /> 
     
      <
      input 
      type
      =
      "button" 
      value
      =
      "点击提交" 
      id
      =
      "tijiao"
      /> 
     
      </
      body
      >   
     
      </
      html
      >

原文发布时间为：2017-3-11

本文作者：admin

本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落

原文链接：搜索框带有搜索提示点击消失代码实例

微信关注我们

原文链接：https://yq.aliyun.com/articles/561554

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

2018-03-22 00:00:00

hbase_异常_01_Hbase: Failed to become active master

一、异常现象启动hbase之后，抛出异常，异常信息如下： master.HMaster: Failed to become active master hbase java.net.ConnectException: Call From to 9000 failed on connection exception: java.net.ConnectException: Connection refused; 二、异常原因参考：Hbase: Failed to become active master的解释： Can you please check the config "hbase.rootdir". Looks like this config is pointing to NameNode which is in StandBy Node. Try changing this to point to Active NameNode or change it to value of your config fs.defaultFS in core-site.xml and t...

1245

2018-03-22 00:00:00

[java]java反射调用方法小记

WXPlanModel wxPlanModel = new WXPlanModel(); // 实例 Class clazz = wxPlanModel.getClass(); Method method = clazz.getDeclaredMethod("需要反射调用的方法名", String.class);//这里的demo，参数是一个String的，多个参数逗号相隔 method.invoke(wxPlanModel, "传入的参数"); 快速上手反射就是这样，虽然说反射在运行时执行，效率会略低，但是现在的计算机硬件配置都很高，大多数业务场景都基本可以忽略；其实，最终还是要看业务场景决定；

655

资源下载

更多资源

优质分享Android(本站安卓app)

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario，低调大师唯一一个Java游戏作品

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Apache Tomcat7、8、9（Java Web服务器）

Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。因为Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的Web 应用服务器。

Java Development Kit(Java开发工具)

JDK是 Java 语言的软件开发工具包，主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心，它包含了JAVA的运行环境（JVM+Java系统类库）和JAVA工具。