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

  • 相关阅读:
    ubuntu 16.04 安装 python selenium
    DNS 小问题
    Ubuntu下安装setuptools
    ubuntu16.04LTS更换阿里源
    Ubuntu下安装 Phantomjs
    root和user切换
    Navicat破解安装教程
    urllib2
    MySQL划重点-查询-聚合-分组
    vi编辑器
  • 原文地址:https://www.cnblogs.com/xlz307/p/3544377.html
Copyright © 2011-2022 走看看