百度首页 focus() select() line-height

来源：互联网发布：php常用网页代码编辑：程序博客网时间：2024/06/05 20:54
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">* {padding: 0;margin: 0;}div {margin: 0 auto;margin-top: 100px;text-align: center;}.search {width: 500px;height: 35px;line-height:35px;  /*设置行高让光标IE浏览器下在文本框中居中显示*/border: 1px solid #CCCCCC;border-right: 1px solid #4791FF;font-size: 16px;}.search:focus {outline: none;border: 1px solid #4791FF;}.submit {width: 100px;height: 37px;background-color: #3385FF;border: 1px solid #3385FF;color: #FFF;}.submit:hover {background-color: RGB(49,126,243);}.bdlg {text-align: center;}.bdlg img {width: 270px;height: 129px;}</style></head><body><div>  <div class="bdlg"> <img src="file:///C|/Documents and Settings/Administrator/桌面/mysite/bd_logo.png" /> </div>  <div>    <form id="formsearch" name="forname1" action="file:///C|/Documents and Settings/Administrator/桌面/mysite/123.jsp" method="post">      <table border="0" cellpadding="0" cellspacing="0">      <!--这里用table表格,tr 设置行, td 设置单元格,cellpadding="0" cellspacing="0" 单元格间距与填充设置为0实现搜索框与提交按钮间距为0-->        <tr>          <td><input type="text" class="search" id="test" /></td>          <td>            <input type="submit" class="submit" value="百度一下" /></td>        </tr>      </table>    </form>  </div></div><script>setTimeout( function(){  try{    var t = document.getElementById("test");    t.focus();    t.select();  } catch(e){}}, 200);<!--打开页面自动获取焦点--></script></body></html>
0 0