dedecms实现在线留言功能(推荐一下,他写的蛮好的)
http://www.zuidaima.com/blog/2661736887553024.htm
https://www.laozuo.org/3495.html
先按照上面 建立好 表单 下面是美化
css:
.custom-scheme {
position: fixed;
bottom: 0px;
width: 100%;
height: 80px;
left: 0px;
/*background: url(../images/bdbj.jpg) no-repeat center top;*/
background:#fff;
z-index: 999;
}
.custom-scheme .wp {
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
}
.wp:after, .wp:before {
content: '';
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
.custom-scheme h3 {
line-height: 85px;
font-size: 26px;
color: #333333;
}
.custom-scheme .form-group {
display: inline-block;
position: relative;
line-height: 80px;
}
.form-group {
position: relative;
margin-bottom: 15px;
}
.custom-scheme .form-group .form-control {
width: 194px;
}
.custom-scheme .form-group .scheme-btn{
width: 192px;
height: 40px;
padding: 0 15px;
font-size: 16px;
border: none;
background: #1fc7a0;
color: #fff;
vertical-align: middle;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
line-height: 40px;
}
.custom-scheme .form-group .form-control {
display: inline-block;
width: 220px;
height: 40px;
padding: 0 10px;
border: 1px solid #ddd;
vertical-align: middle;
font-size: 14px;
border-radius: 5px;
}
.form-group .form-control {
background-color: #FFFFFF;
background-image: none;
border: 1px solid #D1D1D1;
border-radius: 1px;
color: inherit;
display: block;
padding: 6px 12px;
-webkit-transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
-o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
width: 100%;
font-size: 14px;
}
.custom-scheme .custom-scheme-close {
position: absolute;
right: 15px;
top: 5px;
width: 13px;
height: 13px;
font-size: 18px;
}
<form id="customScheme" action="/plus/diy.php" enctype="multipart/form-data" method="post">
<input type="hidden" name="action" value="post" />
<input type="hidden" name="diyid" value="1" />
<input type="hidden" name="do" value="2" />
<input type="hidden" name="dede_fields" value="name1,text;phone,text" />
<input type="hidden" name="dede_fieldshash" value="ad89fff8f61b5b984a90b8f03fa56de2" />
<div class="custom-scheme" id="custom-scheme">
<div class="wp">
<h3>提交表单信息,免费获取项目方案及报价!</h3>
<div class="form-group">
<input class="form-control" required value="" name='name1' id='name1' autocomplete="off" type="text"
placeholder="请输入贵公司名称或者个人姓名">
</div>
<div class="form-group">
<input class="form-control" required value="" name='phone' id='phone' autocomplete="off" type="text"
placeholder="请输入常用的手机号码">
</div>
<div class="form-group">
<button class="scheme-btn" name="submit" type="submit">我要量身定制项目方案</button>
</div>
<a class="custom-scheme-close" data-id="custom-scheme" href="javascript:;">×</a>
</div>
</div>
</form>