当前位置：网站首页 > 资源显示

html搜索框（表格布局）demo2

发布时间：2017/5/2 21:41:24 / 最后修改：2017-5-2 21:44:05 / 浏览：680

用到的素材：

完整代码（代码框可以往下拉高显示）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #999999;
}
body,td,th {
	font-family: "微软雅黑";
	font-size: 13px;
}

.sobox{
	background-color: #FFF;
	display: block;
	height: 27px;
	width: 250px;
	border: 1px solid #CCC;
	margin-top: 29px;
	margin-right: auto;
	margin-left: auto;
}
.sobox .skey{
	border: none;
	outline: medium;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 25px;
	height: 25px;
	width: 213px;
	float: left;
	color: #CCCCCC;
	text-align: left;
	text-indent: 5px;
}
.sobox .sgo{
	float: left;
	height: 25px;
	width: 35px;
	border: none;
	outline: medium;	
}
</style>
</head>
<body>
   <div class="sobox">
    <form action="" method="post" name="topsofrom"  id="topsofrom" onSubmit="return CheckTopSoForm();">
    <input type="text" class="skey" name="soba" id="soba" value="请输入关键词查询！" onfocus="if (value =='请输入关键词查询！'){value =''}"onblur="if (value ==''){value='请输入关键词查询！'}"/>
    <input name="submit" type="image" src="images/so.jpg" width="35" height="25" border="0" class="sgo"  />
    </form>
    <div class="deldf"></div>
   </div>
</body>
</html>
<script language="JavaScript" type="text/JavaScript">
function CheckTopSoForm(){
   if(document.topsofrom.soba.value.length==0 || document.topsofrom.soba.value=="请输入关键词查询！")
 {
   alert("请输入搜索关键字！");
   document.topsofrom.soba.focus();
   return false;
 }	
}
</script>

附件资源（免费）

您尚未登录，暂时无法查阅资源！立即登录

插播广告区

发表评论

您尚未登录，暂时无法发表评论。立即登录

暂无任何评论

推荐资源更多 >>

付费资源更多 >>

广告区