html/css/javascript您现在的位置是:主页 > html/css/javascript >
仿百度商桥留言效果代码
2022-03-16 20:14:03html/css/javascript 886人已围观
仿百度商桥留言效果代码
<div class="about1"> <div class="about_title1">在线留言</div> <div class="about_B"> <form id="feedback_form" name="feedback_form"> <textarea class="about_inp1" placeholder="请在此输入留言内容,我们会尽快与您联系(必填)" id="content" name="content" ></textarea> <input class="about_inp2" type="text" placeholder="姓名" id="name" name="name" /> <input class="about_inp2" type="text" placeholder="电话" id="phone" name="phone" /> <input class="about_inp2" type="text" placeholder="邮箱" id="email" name="email" /> <input class="about_inp2" type="text" placeholder="地址" id="address" name="address" /> <input class="about_btn" type="button" value="发送" id="btnSubmit" name="btnSubmit" /> </form> </div> </div> <style> .about1{background:#ededed;max-width:200px;} .about_title1{display:block; height:40px; line-height:40px; background:#ec510e; overflow:hidden; font-family:'Microsoft YaHei'; font-size:18px; color:#fff; font-weight:bold; text-indent:10px; border-radius:5px 5px 0 0;} .about_B{display:block; padding:10px; overflow:hidden;} .about_inp1{width:100%; float:left; height:86px; border:1px solid #dfdfdf; font-family:'Microsoft YaHei'; font-size:12px; color:#a8a8a8; line-height:20px; padding:8px;} .about_inp2{width:100%; float:left; height:26px; border:1px solid #dfdfdf; font-family:'Microsoft YaHei'; font-size:12px; color:#a8a8a8; line-height:24px; padding:0 8px; margin-top:5px;} .about_btn{width:82px; float:left; height:26px; background:#0076e5; font-family:'Microsoft YaHei'; font-size:12px; color:#fff; line-height:24px; margin-top:5px;border:0px;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #a8a8a8;} input:-moz-placeholder, textarea:-moz-placeholder {color: #a8a8a8;} </style>
专注中小企业网站建设,网站安全15年,熟悉各种CMS建站系统,善于解决各种网站疑难杂症。
承接PHP仿站,网站模板制作,网站修改,网站改版,二次开发,网站安全,服务器安全,网站被黑修复,网站漏洞修复等......
有需要请联系下方微信,解决问题仅需 ¥10 元起!
技术微信
扫码联系技术微信
---------------专业解决网站各种疑难杂症,可淘宝担保交易,安全无风险---------------
建站、仿站、二次开发、网站改版、网站修改、网站漏洞修复、网站被黑修复、网站安全、服务器安全等
点击了解更多 >>