Dedecms 模板中心

您现在的位置: 秀站网 > 织梦大学 > 使用教程 >

织梦自定义表单图文教程

来源:未知 发布时间:2017-05-28热度:我要评论
在我们用织梦建站的时候会用到自定义表单,需要一些额外的表单供前台用户提交。以便于收集、统计、分析及处理更多的数据。比如:在线订单、在线报名等一些常见的互动应用。...

直奔主题了,网上很多教程分享织梦自定义表单的教程,这里我就不做介绍,秀站网站长可乐也从网上复制了,比较准确的织梦自定义表单,重点我分享的是如何在前台显示的美观。
第一步:先查看织梦官方教程: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">&nbsp;</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有一定的基础,才可以去修改,运用自如。

扩展阅读:<<织梦自定义表单,数据校验出错>>

本文地址:http://www.xiuzhanwang.com/dedecms_jq/73.html

    责任编辑:秀站网

    相关阅读