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

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

2018-03-21 851

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

代码如下:

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业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

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...

2018-03-22

1261

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

2018-03-22

676

资源下载

更多资源

Mario

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

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。