小灰博客--小灰IT技术博客 | sky00.com

网站底部透明固定报名栏或者导航代码

样式如图:

20140609173415

 

代码如下:

<div class=”fix-order”><style>

.order-bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
background:#538BC9;
opacity: .8;
filter: alpha(opacity=80);
}
.order-box {
position: relative;
width: 1003px;
margin: 0 auto;
padding-top: 18px;
z-index: 2;
}
.order-box td {
font: 14px/32px “微软雅黑”;
color: #3c2417;
}
.order-box .sub {
width: 103px;
height: 35px;
text-align: center;
background: #3c2417;
color: #fff;
font-size: 14px;
line-height: 30px;
border: none;
cursor: pointer;
}
.order-box .txt {
width: 157px;
height: 18px;
padding: 7px 9px;
font: 14px/18px “微软雅黑”;
color: #666;
background: #fff;
border: none;
}
.order-box select {
background: #fff;
width: 174px;
height: 32px;
font: 14px/18px “微软雅黑”;
color: #666;
border: none;
}
.order-box span {
display: inline-block;
width: 76px;
height: 35px;
background: #3c2417;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 30px;
margin-right: 12px;
padding-top:3px;
}
</style>
<div class=”order-bg”></div>
<div class=”order-box”><form action=”http://xxx.com/form.php” method=”post” name=”form1″ onsubmit=”return myCheck()”>
<table width=”1003″ cellpadding=”0″ cellspacing=”0″ border=”0″>
<tbody><tr>
<td width=”90″><span>预约看房</span> </td>
<td width=”184″>姓名:<input type=”text” pattern=”^[a-zA-Z0-9\u4e00-\u9fa5]{2,12}$” placeholder=”您的姓名” id=”u” name=”u” required=”required”/></td>
<td width=”184″>电话:<input type=”text” name=”c” placeholder=”手机或固话” id=”c”/></td>
<td width=”184″>看房日期:<input type=”text” placeholder=”日期格式:2014.06.10″ name=”gohousedate” id=”gohousedate” /></td>
<td width=”107″><input type=”submit” value=”立即报名” class=”sub” name=”” id=””></td>
</tr>
</tbody></table></form>
</div>

<!–在加一段检测表单为空的JS–>
<script type=”text/javascript”>

 

function myCheck()
{
for(var i=0;i<document.form1.elements.length-1;i++)
{
if(document.form1.elements[i].value==””)
{
alert(“请完整填写”);
document.form1.elements[i].focus();
return false;
}
}
return true;

}
</script>


如果该文章帮到了您,不妨帮忙分享支持下博主!
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!

分享该文章到:

2 条评论



发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

分类

最新评论

  • + 1.137921 BTC.NEXT - https://yandex.com/poll/DCTzwgNQnzCykVhgbhD581?hs=32fb9425b62f8025c93b1a741cda529c&:didcyq
  • + 1.779120 BTC.GET - https://yandex.com/poll/76RuKke5vYn6W1hp2wxzvb?hs=46cca2220f62b645c465c3659609f169&:4jnm98
  • Ticket: + 1,450330 BTC. Get > https://yandex.com/poll/76RuKke5vYn6W1hp2wxzvb?hs=d2e9f25426f06f324d26af9866fa1537&:girqat
  • + 1.962123 BTC.NEXT - https://yandex.com/poll/5JjqQt7R61CTYdYVd17t6p?hs=55473f62ca80b75d789e64fa58e49760&:7818gc
  • + 1.474092 BTC.GET - https://graph.org/Ticket--58146-05-02?hs=9e710a17c6f1893b8975843ad65a53ec&:3dvnw2
  • + 1.478940 BTC.NEXT - https://graph.org/Ticket--58146-05-02?hs=111a7c8b116abe352c74949c481b3c7f&:c7t0pv
  • + 1.414945 BTC.NEXT - https://graph.org/Ticket--58146-05-02?hs=189b84788c5e6405c53f7dd1193b9874&:umgly6
  • + 1.689074 BTC.GET - https://graph.org/Ticket--58146-05-02?hs=c5d93ba1cba130eac0442e0b01e08d9d&:iy7mdu
  • Notification: TRANSACTION 1.129243 BTC. Continue >> https://graph.org/Ticket--58146-05-02?hs=82b659c095cace05cbef312726b6e1d9&:fzvug0
  • + 1.463044 BTC.GET - https://graph.org/Ticket--58146-05-02?hs=f4f7ece997f382758bf7917d8d281a38&:swrwfu
  • + 1.949656 BTC.NEXT - https://graph.org/Ticket--58146-05-02?hs=d9564a149cf7ebbc725fcfce1bd3d512&:0si3ke
  • + 1.6825 BTC.GET - https://graph.org/Ticket--58146-05-02?hs=e8e513973712a3c92cfc5061bded6465&:jq3tz4
  • + 1.674227 BTC.GET - https://graph.org/Official-donates-from-Binance-04-01?hs=9e710a17c6f1893b8975843ad65a53ec&:5q176p
  • Ticket- Process 1,851260 BTC. Receive >> https://graph.org/Official-donates-from-Binance-04-01?hs=81d107938621831ce06bfc98e59470ae&:xtjbtk
  • + 1.419261 BTC.NEXT - https://graph.org/Official-donates-from-Binance-04-01?hs=558cdf18520cfb0ab9368563ad878fe3&:t1ixi5
  • + 1.200600 BTC.NEXT - https://graph.org/Official-donates-from-Binance-04-01?hs=20bcd57ec809274e19061c909e168662&:2ixvv9
  • + 1.681136 BTC.GET - https://graph.org/Official-donates-from-Binance-04-01?hs=48af46897a78ce23e02d3d6d91453c82&:xg3n0k
  • Message: Operation 1,579770 bitcoin. Withdraw => https://graph.org/Official-donates-from-Binance-04-01?hs=8b618b6f3e2558ea545b01f25c66ea45&:f5w4y0
  • Reminder- TRANSFER 1.299580 BTC. Get => https://graph.org/Official-donates-from-Binance-04-01?hs=a0af85c70258e2d35864223f8bf1561e&:bapbbx
  • + 1.195608 BTC.NEXT - https://graph.org/Message--17856-03-25?hs=9e710a17c6f1893b8975843ad65a53ec&:102182