zoukankan html css js c++ java

搜索框样式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
 <head>  
  <title> 自制search搜索框组件 </title>  
  <meta name="Generator" content="EditPlus">  
  <meta name="Author" content="">  
  <meta name="Keywords" content="">  
  <meta name="Description" content="">  
  <style>  
    .searchBlock{  
        width: 110px;  
        border:solid 1px #ddd;  
        border-radius: 5px;  
        -webkit-border-radius: 5px;  
        -moz-border-radius: 5px;  
        -khtml-border-radius: 5px;  
    }  
      
    .searchBlock span{  
        float: left;  
    }  
    .searchText{  
        border: none;  
        width: 80px;  
        margin: 2px 5px;  
        outline: 0 none;  
    }  
    .searchBtn{  
        border: none;  
        width: 16px;  
        height: 16px;  
        cursor: pointer;  
        background-image: url("images/ico_sear.gif");  
        background-repeat: no-repeat;  
        display: inline;  
        margin: 2px 0px;  
    }  
  </style>  
 </head>  
  
 <body>  
  <div class="searchBlock">  
    <span>  
        <input type="text" id="search" name="search" class="searchText">  
    </span>  
      
    <input type="button" class="searchBtn">  
  </div>  
 </body>  
</html>

　　//搜索信息传到后台

function button(){

var search=document.getElementById("search").value;

window.location.href="index.php?m=Admin&c=Gameuser&a=index&search="+search;

}

</script>

查看全文

相关阅读:
kubernetes集群-04测试kubernetes集群
 kubernetes集群-03网络calico
kubernetes集群-02部署Master Node
kubernetes集群-01基础设置（v1.18.0）
AWS CLI 安装
 如何理解AWS ELB
AWS-CLI-Command
terraform 常用命令
 terraform 初始化
 Excel设置下拉框

原文地址：https://www.cnblogs.com/mengor/p/8057956.html