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?

The second step is to add the 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

The following is the customized content

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

Click the red circle to add our customization Form

Add custom fields

I added three custom fields which are

# #Preview our effect below

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>

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

Test content release screenshot

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!