HTML页面练习作业_仿百度输入框

原创 2019-01-06 16:09:18 339
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml
<!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>
body { margin:0px;}
img{ border:0px;}
.top{ margin-top:80px;}
.ss{ width:236px;}
#textfield{ width:536px; height:24px; border: 1px solid #ccc; padding:6px; font-family: "微软雅黑", "苹方字体"; }
input:focus{border-style:solid;border-color: #38f;box-shadow: 0 0 2px #38f;}
#button{ border: 0px;height:38px; width:104px; color: #FFF; background-color: #38F; font-family: "微软雅黑", "苹方字体"; cursor: pointer;}
</style>
</head>
<body>
<div class="top">
<p style="text-align:center"><a href="https://www.baidu.com/"><img src="https://www.baidu.com/img/bd_logo1.png?where=super" title="点击一下,了解更多" class="ss" /></a></p>
<div style="text-align:center">
<form id="form1" name="form1" method="post" action="baid.php">
  <input type="text" name="textfield" id="textfield" />
<input type="submit" name="button" id="button" value="百度一下" />
</form>
</div>
</div>
</body>
</html>


批改老师:灭绝师太批改时间:2019-01-06 16:18:49
老师总结:文档声明<!docutype html>就可以了,代码越简洁越好!

发布手记

热门词条