织梦自定义表单图文教程

admin

织梦自定义表单，重点我分享的是如何在前台显示的美观。
第一步：先查看织梦官方教程：http://help.dedecms.com/help/install-use/apply/2011/0618/119.html
第二步：从您的模板文件中把文章页模板article_article.htm复制一份，然后命名为order.htm，名称可以随意修改，然后从后台打开已经创建好的织梦自定义表单（打开的就是图八），然后右击源代码复制<form>***代码案例***</form> 这个整个整段代码。如。

1. <form action="/plus/diy.php" enctype="multipart/form-data" method="post" class=feedbackBox>
   
2. <input type="hidden" name="action" value="post" />
   
3. <input type="hidden" name="diyid" value="1" />
   
4. <input type="hidden" name="do" value="2" />
   
5. <table width="95%" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
   
6. <tr>
   
7.   <td width="179" height="40" align="right" bgcolor="#FFFFFF"><font color="#FF0000">*</font>标题：</td>
   
8.         <td width="779" bgcolor="#FFFFFF" align="left"><input type="text" class=input_textH03 name='name' id='name' /></td>
   
9. </tr>
   
10.     <tr height="8px"></tr>
    
11.     <tr><td align="right" height="40" bgcolor="#FFFFFF">*联系人：</td><td bgcolor="#FFFFFF"><input type="text" name='lianxi' id='lianxi' class=input_textH03 /></td>
    
12.     <tr><td align="right" height="40" bgcolor="#FFFFFF">*电 话：</td><td bgcolor="#FFFFFF"><input type="text" name='tel' id='tel' class=input_textH03 /></td>
    
13.     </tr>
    
14.     <tr><td height="45" align="center" bgcolor="#FFFFFF"> </td><td bgcolor="#FFFFFF"><input name="提交" type="submit" value="提交" class=order_bn /><input name="重置" type="reset" value="重置" class=order_bn /></td></tr>
    
15. </table>
    
16. <input type="hidden" name="dede_fields" value="name,text;leixing,select;miaoshu,multitext;lianxi,text;tel,text" />
    
17. <input type="hidden" name="dede_fieldshash" value="a1e8cc26e16d47ea494b1b09058e7c24" />
    
18. </form>

复制代码

order.htm模板文件，找到{dede:field name='body'/}，把{dede:field name='body'/}替换成表单<form>***代码案例***</form>数据，把order.htm上传您的模板目录。

第三步：自后台创建一个栏目，为在线订单，选择order.htm作为模板，然后更新此栏目，前台就可以显示了。

注意：如果您的前台错位，需要您对HTML有一定的基础，才可以去修改，运用自如。