您现在的位置是：首页 > 网站技术问题网站技术问题

关于一个web代码在网页上显示的问题?

江湖快报网2022-11-02 20:25:08【网站技术问题】人已围观

简介你贴出来的<div class=beijing1></div>前面多了</这两个字符，可能是这个的原因。
我稍微改了一下：
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN >

你贴出来的<div class=beijing1></div>前面多了</这两个字符，可能是这个的原因。

我稍微改了一下：

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN >
<html xmlns= xml:lang=en>
<head>
<meta http-equiv=Content-Type content=text/html;charset=UTF-8 />
<title>搜索框特效</title>
</head>
<body>
<style type=text/css>
.input {
height: 36px;
border: #000 0px solid;
border-radius: 18px;
text-indent: 2em;
margin-left: 3px;
vertical-align: top;
margin-top: 3px;
text-indent:2em;
}
.button {
font: 20px 黑体 bolder;
color: #FFF;
width: 80px;
height: 100%;
background: transparent;
border-style: none;
text-indent:1em;
}
.beijing1 {
width: 270px;
height: 44px;
background: #333;
-webkit-border-radius: 100px;
}
</style>
<script type=text/javascript src=js/jquery-1.11.3.min.js></script>
<script>
$(document).ready(function(e) {
$(input[type='text']).focus(function(){
var txt_value=$(this).val();
if(txt_value==空调){
$(this).val();
}
});
$(input[type='text']).blur(function(){
var txt_value=$(this).val();
if(txt_value==){
var txt_value=$(this).val(空调);
}
});
});
</script>
</head>
<body>
<div class=beijing1>
<input class=input type=text name=text value=空调 />
<input class=button type=button value=搜索 />
</div>
</body>
</html>