全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:15165206905

第十八节:HTML表单小练习

做一个简易的提交表单



<div class="biaodan">  
 <div class="message_title1">在线提交您的需求</div>  
 <div class="message_title2">我们会在24小时内回复您的邮件,节假日除外。</div>  
 <form 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" />  
 <table class="message">  
 <tr>  
 <td class="messleft"><img src="/skin/images/bg23.png"></td>  
 <td class="messcenter">姓名:</td>  
 <td class="messright"><input type="text" name='xm'></td>  
 </tr>  
 <tr>  
 <td class="messleft"><img src="/skin/images/bg24.png"></td>  
 <td class="messcenter">电话:</td>  
 <td class="messright"><input type="text" name='dh'></td>  
 </tr>  
 <tr>  
 <td class="messleft"><img src="/skin/images/bg25.png"></td>  
 <td class="messcenter">邮箱:</td>  
 <td class="messright"><input type="text" name='yx'></td>  
 </tr>  
 <tr>  
 <td class="messleft" valign="top"><img src="/skin/images/bg26.png"></td>  
 <td class="messcenter" style="padding:30px 0 0 0 ;" valign="top">留言:</td>  
 <td class="messright"><textarea name='bz'></textarea></td>  
 </tr>  
 <input type="hidden" name="dede_fields" value="bt,text;xm,text;dh,text;yx,text;dz,text;bz,text" />  
 <input type="hidden" name="dede_fieldshash" value="d1ab1552722c9d29a589b0084430dee2" />  
 <tr>  
 <td class="messleft"></td>  
 <td class="messcenter"></td>  
 <td class="messright"><input type="submit" value="提交"></td>  
 </tr>  
 </table>  
 </form>  
 </div>  


样式为:

.message_title1 {  
 width: 100%;  
 font-size: 24px;  
 color: #333333;  
 }  
 .message_title2 {  
 width: 100%;  
 font-size: 14px;  
 color: #5b5b5b;  
 }  
 .message td.messleft {  
 width: 75px;  
 }  
 .message td {  
 padding: 15px 0;  
 }  
 .message td.messcenter {  
 width: 75px;  
 font-size: 18px;  
 color: #666666;  
 }  
 .message td input {  
 font-size: 14px;  
 color: #5b5b5b;  
 width: 361px;  
 height: 52px;  
 padding: 0 10px;  
 border: #b4b4b4 solid 1px;  
 }  
   .message td textarea {  
 font-size: 14px;  
 color: #5b5b5b;  
 width: 100%;  
 height: 155px;  
 padding: 10px;  
 border: #b4b4b4 solid 1px;  
 }  
   .message td input[type='submit'] {  
 width: 144px;  
 height: 44px;  
 color: #FFFFFF;  
 cursor: pointer;  
 font-size: 15px;  
 font-weight: bolder;  
 background: #eb2d2d;  
 border: none;  
 }  
 



您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。