魔工坊

魔芋

Web工程师


发布者资料

  • 性别: 帅哥
  •  地区: 北京
  • 认证:  
  • 日期: 2015-11-03 15:32:03

教程标签云


教程分类


推荐教程


同类教程

394

百度首页搜索框demo


<html>

<head>

<title>百度一下,你就知道</title>

<style>

.main{

margin:0px;

padding:0px;

}

.body{

width:604px;

height:60px;

margin:0px auto;

}

.logo,.text,.botton{

float:left;

}

.text input{

width:500px;

height:35px;

border:#ccc 1px solid;

font:arial;

line-height:16px;

font-size:16px;

border-right-color:none;

}

.text input:foucs{

border:#38f 1px solid;

}

.button input{

width:100px;

height:39px;

background-color:#38F;

color:#FFF;

font:16px arial;

border:#06F 1px solid;

cursor:pointer;

}

</style>

</head>

<body>

<div class="mian">

<div class="body">

    <form action="http://www.baidu.com/baidu" target="_blank">

        <div class="text">

        <input type=text name=word size=30 baiduSug=1>

        </div>

        <div class="button">

        <input type="submit" value="百度一下">

        </div>

   </form>

    </div>

</div>

</body>

</html>


喵,赏1块零钱,给我家喵星人买罐头吧 :)

赞赏支付方式:

赞赏

赞赏

赞赏

 

[ 教程搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 关闭窗口 ]

魔友吐槽

浏览上篇

浏览下篇

发布教程

魔工坊系统提示