• 文本框样式默认文本


    有两种方法:

    Html代码如下:

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
     5 <title>无标题文档</title>
     6 </head>
     7 
     8 <body>
     9 <div>
    10   <span id="search-keywords">
    11   <input type="text" name="keyword" id="keyword" size="40" onclick="if(value==defaultValue){value='';this.style.color='#333'}" onBlur=     "if(!value){value=defaultValue;this.style.color='#ccc'}" value="输入产品,公司名称查找公司," style="font-family:微软雅黑;"/>
    12   </span>
    13      <span id="search-put"><input type="submit" value="搜索" />
    14      </span>
    15      
    16      <form id="form1" name="form1" method="post" action=""> 
    17       
    18      <input name="textfield" type="text" size="36" id="textfield" value="Dreamweaver" onmouseover="this.style.borderColor='#FF6600'" onmouseout="this.style.borderColor=''" onFocus="if (value =='Dreamweaver'){value =''}" onBlur="if (value ==''){value='Dreamweaver'}"/> 
    19      <span id="search-put"><input type="submit" value="搜索" />
    20      </span>
    21      </form> 
    22 </div>
    23 </body>
    24 </html>
    View Code

    JS代码如下:

    <script language="javascript" type="text/javascript">
    function newgetSearch(obj) {
        alert(obj)
        var kid = "keyword";
        var fid = "frm";
        var tid = "language_compsearch"
        
        if (StringTrim($("#" + kid).val()) == "" || $("#" + kid).val() == "输入产品,公司名称查找公司!") {
            myalert("请输入关键字");        
            return false;
        }
        else {
            var l = $("#" + tid).val();
            var url = "/";
            var str = StringTrim(obj.replace(/[^a-z0-9]+/gi,' '));   
            if(str == ""){ 
                myalert("输入产品,公司名称查找公司!");        
                return false;        
            } 
            $("form[name='" + fid + "']").attr("action", url);
            return true;
        }
    }
    </script>
    View Code
  • 相关阅读:
    CSS属性之定位
    CSS选择器区别
    HTML属性及其相关区别
    HTML标签区别
    HTML其他概念
    CSS3新特性
    HTML5新标签
    HTML5新特性
    params修饰符的用法
    C#中引用参数ref和输出参数out
  • 原文地址:https://www.cnblogs.com/huicao/p/3302930.html
Copyright © 2020-2023  润新知