zoukankan      html  css  js  c++  java
  • 搜索框和搜索对齐

    <table border="0" align="center" cellpadding="0" cellspacing="0" class="tab_search">
    <tr class="find_input">
    <td>
    <input type="text" name="q" title="Search" class="searchinput" id="searchinput" onkeydown="if (event.keyCode==13) {}" onblur="if(this.value=='')value=' - Search Company -';" onfocus="if(this.value==' - Search Company -')value='';" value=" - Search Company -" size="10"/>
    </td>
    <td style="40px">
    <input type="image" width="21" height="17" class="searchaction" onclick="if(document.forms['search'].searchinput.value=='- Search Company -')document.forms['search'].searchinput.value='';" alt="Search" src="img/find@2x.png" border="0" hspace="2"/>
    </td>
    </tr>
    </table>

    css部分


    .find_input td{
    padding: 0.12rem 0;
    }
    .searchinput{
    border-right- 0px;
    padding-left: 0.04rem;
    96%;
    font-family: arial;
    float: left;
    border-top- 0px;
    border-bottom- 0px;
    color: #636365;
    margin-left: 0.053333rem;
    font-size: 0.4rem;
    outline: none;
    vertical-align: middle;
    border-left- 0px;
    margin-right: 0.04rem;
    }
    .tab_search{
    background: #fff;
    70%;
    margin-left: 15%;
    margin-right: 15%;
    border-bottom: #cccccc 0.013333rem solid;
    border-left: #cccccc 0.013333rem solid;
    height: 0.6rem;
    border-top: #cccccc 0.013333rem solid;
    border-right: #cccccc 0.013333rem solid;

    }
    .searchaction{
    0.533333rem;
    float: left;
    height: 0.533333rem;
    }

  • 相关阅读:
    线程池原理和实现
    线程
    ajax、xstream、json
    上传、下载、javamail
    过滤器
    监听器、国际化
    jsp、javabean、el
    jstl、标签
    jsp、cookie、httpsession
    个人觉得比较好用的chrome插件
  • 原文地址:https://www.cnblogs.com/yanaweb/p/5064294.html
Copyright © 2011-2022 走看看