织梦自定义表单图文教程

  • A+
所属分类:dede建站

直奔主题了,网上很多教程分享织梦自定义表单的教程,这里我就不做介绍,超凡SEO顾问站长也从网上复制了,比较准确的织梦自定义表单,重点我分享的是如何在前台显示的美观。
第一步:先查看织梦官方教程: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>
02
<input type="hidden" name="action" value="post" />
03
<input type="hidden" name="diyid" value="1" />
04
<input type="hidden" name="do" value="2" />
05
<table width="95%" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
06
<tr>
07
<td width="179" height="40" align="right" bgcolor="#FFFFFF"><font color="#FF0000">*</font>标题:</td>
08
<td width="779" bgcolor="#FFFFFF" align="left"><input type="text" class=input_textH03 name='name' id='name' /></td>
09
</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">&nbsp;</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有一定的基础,才可以去修改,运用自如。

weinxin
欢迎加入宜昌SEO站长之家
本站的所有资源都是免费分享,加好友进群大家互相学习交流进步。另外,看完此文章如有疑问请在下方评论区提出来,将给于解答!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: