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

最新推荐文章于 2022-03-10 18:00:53 发布

ios0213

最新推荐文章于 2022-03-10 18:00:53 发布

阅读量500

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/ios0213/article/details/51707937

版权

CSS 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<!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>

ios0213

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度首页 focus() select() line-height

无标题文档* { padding: 0; margin: 0;}div { margin: 0 auto; margin-top: 100px; text-align: center;}.search { width: 500px; height: 35px; line-height:35px; /*设置行高让光标IE浏览器下在文本框中居中显示*/ border:
复制链接

扫一扫