• 搜索框和搜索对齐


    <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;
    }

  • 相关阅读:
    在markdown中使用html
    乘车路线
    渔民的烦恼
    GEDIT外部工具
    模板匹配,以图找图(九)
    SpringBoot起飞系列-国际化(六)
    [Lyndon分解] HDU 6761 Minimum Index
    [数论]HDU 6750 Function 百度之星2020初赛第一场H题
    【雅思】【口语】描述一个可笑的场合
    面试回答数据库优化问题-数据库优化思路八点
  • 原文地址:https://www.cnblogs.com/yanaweb/p/5064294.html
Copyright © 2020-2023  润新知