Comment créer une commande en ligne avec le formulaire personnalisé de Dreamweaver

Comment créer une commande en ligne à l'aide du formulaire personnalisé de Dreamweaver ?

Explication détaillée de la production de commandes en ligne de formulaire personnalisé Dreamweaver

Apprentissage recommandé : Dreamweaver cms

La première étape est que vous devez savoir Où se trouve la capture d'écran de l'interface backend du formulaire personnalisé

La deuxième étape consiste à ajouter le formulaire personnalisé

Je choisis de le rendre entièrement public. C'est-à-dire que lorsque les visiteurs soumettent, ils peuvent également voir notre modèle de tableau de données d'informations personnalisé, qui peut être personnalisé selon votre modèle

Jetons d'abord un coup d'œil

Ce qui suit est le contenu personnalisé

Je vais vous donner un exemple à démontrer

Cliquez sur le cercle rouge pour ajouter notre formulaire de personnalisation

Ajouter des champs personnalisés

J'ai ajouté trois champs personnalisés :

Prévisualisez notre effet ci-dessous

Veuillez noter que lors de l'ajout, sélectionnez le type de données correspondant en fonction de vos besoins

Dans ce De cette façon, la personnalisation est pratiquement terminée. Ce qui suit consiste à utiliser le code pour le placer directement dans votre modèle correspondant

Voici une astuce pour vous. Généralement, vous pouvez le personnaliser en le modifiant avec votre modèle de page unique <.>

Mon exemple de code est :

<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>

Le moyen simple consiste à copier directement le code source du formulaire personnalisé sur votre page de publication et à rechercher la partie entre

J'utilise les captures d'écran de test d'une seule page par défaut de DreamWeaver

Test des captures d'écran de la version de contenu

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!