织梦dedeCMS自定义表单图文教程

直奔主题了,网上很多教程分享织梦自定义表单的教程,这里我就不做介绍,织梦58站长可乐也从网上复制了,比较准确的织梦自定义表单,重点我分享的是如何在前台显示的美观。 
第一步:先查看织梦官方教程:http://help.dedecms.com/help/install-use/apply/2011/0618/119.html 
第二步:从您的模板文件中把文章页模板article_article.htm复制一份,然后命名为order.htm,名称可以随意修改,然后从后台打开已经创建好的织梦自定义表单(打开的就是图八),然后右击源代码复制<form>***代码案例***</form>这个整个整段代码。 
代码案例: 

复制代码

<form action="/plus/diy.php" enctype="multipart/form-data" method="post" class=feedbackBox>
<input type="hidden" name="action" value="post" />
<input type="hidden" name="diyid" value="1" />
<input type="hidden" name="do" value="2" />
<table width="95%" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
 <tr>
  <td width="179" height="40" align="right" bgcolor="#FFFFFF"><font color="#FF0000">*</font>标题:</td>
        <td width="779" bgcolor="#FFFFFF" align="left"><input type="text" class=input_textH03 name='name' id='name' /></td>
 </tr>
    <tr height="8px"></tr>
    <tr><td align="right" height="40" bgcolor="#FFFFFF">*联系人:</td><td bgcolor="#FFFFFF"><input type="text" name='lianxi' id='lianxi' class=input_textH03 /></td>
    <tr><td align="right" height="40" bgcolor="#FFFFFF">*电 话:</td><td bgcolor="#FFFFFF"><input type="text" name='tel' id='tel' class=input_textH03 /></td>
    </tr>
    <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>
</table>
<input type="hidden" name="dede_fields" value="name,text;leixing,select;miaoshu,multitext;lianxi,text;tel,text" />
<input type="hidden" name="dede_fieldshash" value="a1e8cc26e16d47ea494b1b09058e7c24" />
</form>



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

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

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

首页 > 织梦dedecms教程