方法一:jq$(function(){jQuery.focusblur = function(focusid) {var focusblurid = $(focusid);var defval = focusblurid.val();focusblurid.focus(function(){var thisval = $(this).val();if(thisval==defval){$(this).val("");$(this).css({'color':'#000'});}});focusblurid.blur(function(){var thisval = $(this).val();if(thisval==""){$(this).val(defval);$(this).css({'color':'#999'});}});};$.focusblur("#username");$.focusblur("#qq");$.focusblur("#telephone");
    $.focusblur("#content");
    $.focusblur("#code");})

方法二:js

<input type="text" value="请输入用户名" οnfοcus="if(value=='请输入用户名') {value=''}" οnblur="if (value=='') {value='请输入用户名'}">

直接在input中定义onfocus和onblur事件,缺点:鼠标一离开就显示提示文字,输入框中用户的输入也会消失。(不建议采用)

 

转载于:https://www.cnblogs.com/z421/p/3803931.html

input输入框提示相关推荐

  1. input输入框提示从数据库查出来的一堆数据

    1.首先在页面上设置var clickNumber =0; 2.每次点击新增,跳到一个函数里面clickNumber++: 3. function initAutocomplete(rows){var ...

  2. html怎么在文本框设置提示语,input输入框提示语

    php使用递归创建多级目录 Glacierskating测试记录 这个游戏本身已经很成熟了,要提什么建议的话也是吹毛求疵.... 不过个人来讲不是很喜欢这个游戏,喜欢程度排倒数第二吧....感觉游戏就 ...

  3. input输入框禁止自动补全和下拉提示

    input 输入框在输入后浏览器会记录用户输入的值,在下次输入的时候会将记录的值提示在输入框的下面,当输入框是密码的时候,这样可以看见上次输入的密码,这样用户体验不好,input标签有个属性可以禁止这 ...

  4. DataList:HTML5中的input输入框自动提示宝器

    DataList的作用是在你往input输入框里输入信息时,根据你敲进去的字母,自动显示一个提示下列列表,很像百度或谷歌的搜索框的自动提示,在飞机票火车票的搜索页面上也有这样的效果.它是HTML5里新 ...

  5. ant-design中Input输入框在获取焦点时由于保留了上次输入内容而莫名出现了一个黑色背景的选择提示框,且选择提示框中的值后还会出现蓝色背景

    一. 代码环境 "react": "18.1.0", "antd": "^4.20.5", "typescri ...

  6. HTML5中input输入框默认提示文字向左向右移动

    HTML5中input输入框默认提示文字向左向右移动 首先演示input输入框代码 <style>* {margin: 0;padding: 0;}.sousuo {width: 458p ...

  7. INPUT输入框灰体提示

    INPUT输入框灰体提示 <input type="text" value='15 words limit' style="color:#999999" ...

  8. html input鼠标提示,input输入框鼠标焦点提示信息

    input输入框鼠标焦点提示信息 问题如标题: 鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现.如图所示: 做法如下: 复制代码 代码如下: 注意点为input的 ...

  9. vue input输入框取消账号密码提示

    input输入框取消账号密码提示 #去除自动填充提示 vue项目 iview UI 或 element-ui 项目均有效 未关闭前: 代码实现: <Input password placehol ...

  10. HTML Input输入框自定义required的提示内容(默认值:请填写此字段)

    在input输入框中添加oninvalid和oninput属性 <input type="text" required="required" oninva ...

最新文章

  1. static用法解析---java语言
  2. 怎么查看和获取SQL Server实例名
  3. Linux获取本机hostname函数,Linux下获得主机与域名-gethostbyname和gethostbyaddr
  4. UITableViewCell在非Nib及Cell重用下设置CellStyle
  5. java铝轮_为速度而生 JAVA Fuoco铝合金气动公路
  6. AliOS Things KV组件的写平衡特性 1
  7. java service 事物_Service 事务(JdbcUtils 升级)
  8. git 常用命令思维导图
  9. OE 发邮件 500 Error: bad syntax', Port: 25, ... Error Number: 0x800CCC79
  10. MWC2010传递出什么信号?
  11. 比想像力更难的,是按自己的价值观行动的勇气
  12. Unicode 字符编码表|汉字Unicode编码的区间为:0x4E00→0x9FA5(转)
  13. 关于笔记本突然鼠标无法连接,电脑蓝牙消失的问题
  14. Microsoft Word 论文编排技巧
  15. 大数据决策领跑零售业
  16. 可怕的KCFErrordomainCFNetWork 303
  17. php免费利用飞信发送验证码,php通过飞信发送短信
  18. C++ 面向对象 - 类的多态性与虚函数
  19. 推荐一个好用的PDF阅读器
  20. Chrome无法连接到网络

热门文章

  1. 微型计算机普遍采用的数字编码是,计算机原理复习题1
  2. 【CF-gym101964:B】Broken Watch(找规律+推导+自然溢出/java大数)
  3. 信用评分卡模型分析(基于Python)--理论部分
  4. php 中echo命令详解,DOS中的ECHO命令详解
  5. 线接触和面接触的区别_接触器是啥?跟继电器有啥区别,6大常见故障怎么处理...
  6. 图神经网络初探:build a simple graph nets
  7. 阿里云云计算 38 PolarDB MySQL的数据管理
  8. 算法突击训练营:开学第1课 听课总结
  9. ubuntu mysql 连接数_ubuntu-阿里云下 Tomcat 应用无法连接数Mysql据库
  10. 2021-10-25双塔模型