Home > CMS Tutorial > DEDECMS > How to create an online order using Dreamweaver's custom form

How to create an online order using Dreamweaver's custom form

藏色散人
Release: 2020-01-10 09:15:49
Original
2931 people have browsed it

How to create an online order using Dreamweaver's custom form

How to create an online order using Dreamweaver’s custom form?

Detailed explanation of online order making of Dreamweaver custom form

Recommended study: Dreamweaver cms

The first step is that you need to know Where is the screenshot of the backend interface of the custom form?

How to create an online order using Dreamweavers custom form

The second step is to add the custom form

How to create an online order using Dreamweavers custom form

I choose to make it completely public That is to say, when visitors submit, they can also see our custom information data table template, which can be customized according to your template

Let’s take a look first

How to create an online order using Dreamweavers custom form

The following is the customized content

I will give you an example to demonstrate. First return to the interface

How to create an online order using Dreamweavers custom form

Click the red circle to add our customization Form

How to create an online order using Dreamweavers custom form

Add custom fields

I added three custom fields which are

How to create an online order using Dreamweavers custom form

# #Preview our effect below

How to create an online order using Dreamweavers custom form

Please note that when adding, you can select the corresponding data type according to your needs

In this way, the customization is basically completed The following is to use the code to place it directly into your corresponding template.

Here is a trick for you. Generally, you can customize it with your single page template.

My example code is:

<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 style="width:97%;" cellpadding="0" cellspacing="1">
<tr>
  <td align="right" valign="top">招聘:</td>
  <td><input type=&#39;text&#39; name=&#39;zhaopin&#39; id=&#39;zhaopin&#39; style=&#39;width:250px&#39;  class=&#39;intxt&#39; value=&#39;&#39; />
</td>
</tr>
<tr>
  <td align="right" valign="top">招聘头像:</td>
  <td><input type=&#39;file&#39; name=&#39;touxiang&#39; id=&#39;touxiang&#39; style=&#39;width:300px;height:22px;line-height:22px&#39; />
</td>
</tr>
<tr>
  <td align="right" valign="top">阅历:</td>
  <td><textarea name="yueli" rows="8" cols="60"></textarea>
<script type="text/javascript">//<![CDATA[
window.CKEDITOR_BASEPATH=&#39;/include/ckeditor/&#39;;
//]]></script>
<script type="text/javascript" src="/include/ckeditor/ckeditor.js?t=B8DJ5M3"></script>
<script type="text/javascript">//<![CDATA[
CKEDITOR.replace(&#39;yueli&#39;, {"extraPlugins":"dedepage,multipic,addon","toolbar":[["Source","-"],["Cut","Copy","Paste","PasteText","PasteFromWord","-","Print"],["Undo","Redo","-","Find","Replace","-","SelectAll","RemoveFormat"],["Bold","Italic","Underline","Strike","-"],["Table","HorizontalRule"],["Link","Unlink","Image","Anchor"],["Styles","Format","Font","FontSize"],["TextColor","BGColor"]],"height":350,"skin":"kama"});
//]]></script>
</td>
</tr>
<input type="hidden" name="dede_fields" value="zhaopin,text;touxiang,img;yueli,htmltext" />
<input type="hidden" name="dede_fieldshash" value="b4e15b5fd31e75fbe8712b4bf0dd7155" /></table>
<div align=&#39;center&#39; style=&#39;height:30px;padding-top:10px;&#39;>
<input type="submit" name="submit" value="提 交" class=&#39;coolbg&#39; />
<input type="reset" name="reset" value="重 置" class=&#39;coolbg&#39; />
</div>
</form>
Copy after login

The simple way is to directly copy the source code of the custom form on your publishing page and look for the part between

I use DreamWeaver's default single page test Screenshot

How to create an online order using Dreamweavers custom form

Test content release screenshot

How to create an online order using Dreamweavers custom form

The above is the detailed content of How to create an online order using Dreamweaver's custom form. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template