"."/> ".">

Maison  >  Article  >  Tutoriel CMS  >  Comment créer une commande en ligne avec le formulaire personnalisé de Dreamweaver

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

藏色散人
藏色散人original
2020-01-10 09:15:492895parcourir

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é

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

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

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

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

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

Ce qui suit est le contenu personnalisé

Je vais vous donner un exemple à démontrer

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

Cliquez sur le cercle rouge pour ajouter notre formulaire de personnalisation

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

Ajouter des champs personnalisés

J'ai ajouté trois champs personnalisés :

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

Prévisualisez notre effet ci-dessous

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

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

Comment créer une commande en ligne avec le formulaire personnalisé de DreamweaverTest 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn