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();"/>

  • 相关阅读:
    MySQL慢日志
    百万级数据生成。
    layui的数据表格加上操作
    WINDOWS命令行关闭本地占用的端口
    项目中路径问题
    linux服务器上使用find查杀webshell木马方法
    mysql锁分析相关的几个系统视图
    Centos7中网络及设备相关配置
    centos7版本中ssh相关的设置
    mysql权限参考
  • 原文地址:https://www.cnblogs.com/xlz307/p/3544377.html
Copyright © 2011-2022 走看看