文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>应用得比较多的有Focus效果的提交信息表单(DIV+CSS)

应用得比较多的有Focus效果的提交信息表单(DIV+CSS)

时间:2008-10-07  来源:haibinzhang

500)this.width=500;" border="0">
<style type="text/css">
form{
    margin: 0px;
    width: 450px;
    border: solid 1px #CCC;
}
.bo{
    border-bottom: solid 1px #ffeeff;
}
label{
    float: left;
    padding: 10px 0px 4px 30px;       
}
input{
    padding: 1px;   
}
input,textarea{
    border: 1px solid #CCC;
    margin: 5px 0px;       
    }
textarea{
    padding: 2px;
    }
.bt{
    width: 38px;
   
    font-size: 11px;
    border: solid 1px #CCC;
    background: #FBFBFB;
    text-align: center;
}
.btcenter{
    text-align: center;
    clear: left;   
    padding: 4px 0px 0px;
}
.sffocus {
    background: #F0F9FB;
    border: 1px solid #1D95C7;
}
textarea:focus, input:focus {
    background: #ffeecc;
    border: 1px solid #1D95C7;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    margin:0px;
}
</style>
<form action="#" method="post" name="myform" id="myform">
          <div class="bo">
            <label for="name">姓名:</label>
            <input type="text"size="20" name="name" id="name" maxlength="10" />
          </div>
          <div class="bo">
            <label for="tel">电话:</label>
            <input type="text" size="20" name="tel" id="tel" maxlength="16" />
          </div>
          <div class="bo">
            <label for="mo">主题:</label>
            <input type="text" size="30" name="mo" id="mo" maxlength="20" />
           
          </div>
          <div class="bo">
            <label for="con">内容:</label>
            <textarea cols="40" rows="8" name="con" id="con"></textarea>
          </div>
          <div class="btcenter">
            <input type="submit" class="bt" value="Send" />
        
            <input type="reset" class="bt" value="Reset" />
          </div>
</form>


相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载