zoukankan      html  css  js  c++  java
  • 文本框点击后文字消失总结

    1.文本框显示默认文字:

    <textarea>白鸽男孩</textarea> <textarea>白鸽男孩</textarea>   

    2.鼠标点击文本框,默认文字消失:

    <textarea onfocus=”if(value==’白鸽男孩’) {value=’ ‘}”>白鸽男孩</textarea> <textarea onfocus=”if(value==’白鸽男孩’) {value=’ ‘}”>白鸽男孩</textarea>   

    3.鼠标移至文本框,默认文字消失:

    <textarea onmouseover=”focus()” onfocus=”if(value==’白鸽男孩’) {value=’ ‘}”>白鸽男孩</textarea> <textarea onmouseover=”focus()” onfocus=”if(value==’白鸽男孩’) {value=’ ‘}”>白鸽男孩</textarea>   

    4.鼠标点击文本框,默认文字消失,点击文本框外任意区域,默认文字又重现:

    <textarea onfocus=”if(value==’白鸽男孩’) {value=’ ‘}” onblur=”if(value==’ ‘) {value=’白鸽男孩’}”>白鸽男孩</textarea> <textarea onfocus=”if(value==’白鸽男孩’) {value=’ ‘}” onblur=”if(value==’ ‘) {value=’白鸽男孩’}”>白鸽男孩</textarea>   

    5.鼠标移至文本框,默认文字消失,鼠标移出文本框,默认文字又重现:

    <textarea onmouseover=”focus()” onfocus=”if(value==’白鸽男孩’) {value=’ ‘}” onmouseout=”blur()” onblur=”if (value==’ ‘) {value=’白鸽男孩’}”>白鸽男孩</textarea> <textarea onmouseover=”focus()” onfocus=”if(value==’白鸽男孩’) {value=’ ‘}” onmouseout=”blur()” onblur=”if (value==’ ‘) {value=’白鸽男孩’}”>白鸽男孩</textarea>   

    6.鼠标单击文本框,文本框内任何文字消失(包括默认文字及后来输入的文字):

    <textarea onclick=”value=’ ‘”>白鸽男孩</textarea> <textarea onclick=”value=’ ‘”>白鸽男孩</textarea>   

    7.鼠标移至文本框,文本框内任何文字消失(包括默认文字及后来输入的文字):

    <textarea onmouseover=”value=’ ‘”>白鸽男孩</textarea> <textarea onmouseover=”value=’ ‘”>白鸽男孩</textarea>   

    8.单击文本框后全选文本框内的文字:

    <textarea onfocus=”select()”>白鸽男孩</textarea> <textarea onfocus=”select()”>白鸽男孩</textarea>   

    9.鼠标移至文本框全选文本框内的文字:

    <textarea onmouseover=”focus()” onfocus=”select()”>白鸽男孩</textarea> <textarea onmouseover=”focus()” onfocus=”select()”>白鸽男孩</textarea>   

    10.回车后焦点从当前文本框转移到下一个文本框:

    <textarea onkeydown=”if(event.keyCode==13)event.keyCode=9″>白鸽男孩</textarea> <textarea onkeydown=”if(event.keyCode==13)event.keyCode=9″>白鸽男孩</textarea>   

    11.回车后焦点从当前文本框转移到指定位置:

    <textarea onkeypress=”return focusNext(this,’指定位置的id名称’,event)”>白鸽男孩</textarea>

    12.鼠标点击input文本框,默认文字消失:

    <input type="text" style="color:#bbbbbb" value="搜索活动名称、地址或活动ID" size="60" onfocus="if (value =='搜索活动名称、地址或活动ID'){value='';}" onblur="if (value  ==''){value='搜索活动名称、地址或活动ID';}" />

    13.单击input文本框后全选文本框内的文字:<input type="text" style="color:#bbbbbb" value="搜索活动名称、地址或活动ID" size="60" onfocus="this.select();"/>

  • 相关阅读:
    K8S 内部服务调用域名解析超时
    云原生服务网格istio 第二章
    云原生服务网格istio 第一章
    kubernetes权威指南 第4版 第十章节读书笔记
    Navicat Premium基本使用
    Mac安装SecureCRT
    zabbix监控ssl证书到期时间
    nginx 配置proxy_pass URL末尾加与不加/(斜线)的区别
    PyCharm 项目删除
    Pycharm问题:module 'pip' has no attribute 'main'
  • 原文地址:https://www.cnblogs.com/xlz307/p/3544377.html
Copyright © 2011-2022 走看看