H5以前要实现这个功能还要用到JS，H5出来以后新增长了placeholder属性，有了这个属性就就能轻松实现这个功能。post

定义和用法

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。this

该提示会在输入字段为空时显示，并会在字段得到焦点时消失。url

注释：placeholder 属性适用于如下的 类型：text, search, url, telephone, email 以及 password。(此处来自W3cSchool)3d

以上是H5实现的代码。orm

οnkeydοwn="if (event.keyCode==13) {}" οnblur="if(this.value=='')value='请输入您要搜索的关键字';"

οnfοcus="if(this.value=='请输入您要搜索的关键字')value='';" />

以上是H5以前的实现方式blog

输入前的效果input

输入后的效果it

HTML搜索框中加入提示文字,HTML 5 input placeholder 属性 实现搜索框提示文字点击输入后消失 - 尚码园...相关推荐

  1. input框中的文字加下划线

    需求: 要求input框中的文字有下划线 解决: <input type="text" name="mailpassword" value="已 ...

  2. python使用input函数时、必须添加提示文字-Python中使用 input 函数来获取输入

    所谓输入,就是用代码获取用户通过键盘输入的信息. 例如:去银行取钱,在 ATM 上输入密码. 在 Python 中,如果要获取用户在键盘上的输入信息,需要使用到input()函数. 函数input() ...

  3. 在搜索结果中屏蔽掉垃圾网站 - Google Hit Hider by Domain

    使用百度.谷歌.必应等搜索引擎,搜索结果中有太多垃圾内容怎么办?还有些网站看着就烦怎么办? 直接点儿,屏蔽它. 简介 Google Hit Hider by Domain 是一个油猴脚本,用于屏蔽百度 ...

  4. 搜索系统中的Learning To Rank模型：GBRank

    搜索系统中的Learning To Rank模型:GBRank FesianXu 20220326 at Baidu Search Team 前言 Learning To Rank(LTR)模型是对搜 ...

  5. 如何通过js获取html文本框中的值,js与jquery获取input输入框中的值实例讲解

    如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值 通过 ...

  6. Input 框中的 placeholder 属性获取焦点清空

    本人在开发一个微信小程序时,遇到如下问题: input 框获取了焦点,但是 placeholder 属性的值却仍然还在,必须输入任意数据后,该值才会隐藏,这会给用户一种不好的体验效果. 理想效果应为: ...

  7. HTML中的form表单的标签、属性、属性值； CSS以及HTML5新增属性、属性值

    form表单HTML5.CSS3标签及属性.属性值 form表单HTML标签.属性.属性值: (单行文本输入框) (密码输入框) (单选框) (多选框) (提交按钮) (重置按钮) 或者按钮(空按钮) ...

  8. 为什么CAD输入文字时文字特别大但输入后就消失了？

    CAD绘图过程中,在CAD输入文字时输入框中的文字很大但是输入之后文字就消失了,这是为什么呢?这是由于CAD输入文字太小,CAD为了方便大家编辑文字,当文字太小看不清时,便会将文字放大.那么如何解决这 ...

  9. QT combox的使用示例(输入后捕捉enter键，以及输入编辑框如何加输入限制（正则表达式）)

    QComboBox 是下拉列表框组件类,它提供一个下拉列表供用户选择,也可以直接当作一个 QLineEdit 用作输入.QComboBox 除了显示可见下拉列表外,每个项(item,或称列表项)还可以 ...

最新文章

  1. Python常用函数与技巧总结（三）
  2. SpringBoot枚举传参
  3. Oracle递归查询
  4. MagicLinux2.5正式版发布
  5. 编译Ngnix遇到的问题,查看程序依赖的库文件
  6. java ioutils 写入文件_文件输入输出流工具： IOUtils使用总结
  7. MindNode 5 for Mac(思维导图)中文版
  8. redis入门（转）
  9. office韩文版本
  10. 10.23 第六次作业 刘惠惠 this关键字
  11. char字符变量在c语言中有什么用,c语言char怎么用
  12. go import几种用法
  13. 翼支付个人自定义收款接口
  14. IOS实现应用内打开第三方地图app进行导航
  15. windows提示“为了对电脑进行保护，已经阻止此应用mmc.exe ”
  16. scale-free
  17. 常见的Linux查看检索归档文件及vi文本编辑器操作大全
  18. 游轮帆船租赁旅游响应式模板
  19. mysql .zip 包简易安装
  20. 【算法】Catalan数

热门文章

  1. int *p=new int; int *p=new int[10]; int *p=new int(10);这三个有什么区别
  2. downloader怎么用 hls_如何下载企业微信直播回放视频(HLS格式)
  3. mysql迁移到mariadb_项目从MYSQL迁移至MARIADB教程
  4. 视频PPT互动问答丨数据库技术前沿的创新与实践专题
  5. 60+PPT 下载丨Oracle Open World 2019
  6. 云和恩墨技术通讯：Oracle AMM自动内存管理引起数据库阻塞
  7. 面对1.3 亿用户数据泄露，企业如何围绕核心数据构建安全管理体系？
  8. 静默错误：为什么看了那么多灾难，还是过不好备份这一关？
  9. 今儿新学会一个写日志技能：双缓冲机制
  10. 鸿蒙轻内核源码分析：MMU协处理器