ホームページ > CMS チュートリアル > DEDECMS > Dreamweaver のカスタム フォームを使用してオンライン注文を作成する方法

Dreamweaver のカスタム フォームを使用してオンライン注文を作成する方法

藏色散人
リリース: 2020-01-10 09:15:49
オリジナル
2966 人が閲覧しました

Dreamweaver のカスタム フォームを使用してオンライン注文を作成する方法

Dreamweaver のカスタム フォームを使用してオンライン注文を作成するにはどうすればよいですか?

Dreamweaver カスタム フォームのオンライン注文作成の詳細な説明

推奨学習: Dreamweaver cms

最初のステップは、次のことです。カスタム フォームのバックエンド インターフェイスのスクリーンショットはどこにありますか?

Dreamweaver のカスタム フォームを使用してオンライン注文を作成する方法

2 番目のステップは、カスタム フォームを追加することです

Dreamweaver のカスタム フォームを使用してオンライン注文を作成する方法

#私は完全に公開することにしました。つまり、訪問者が送信すると、テンプレートに従ってカスタマイズできるカスタム情報データ テーブル テンプレートも表示されるようになります。

まず見てみましょう

Dreamweaver のカスタム フォームを使用してオンライン注文を作成する方法

以下はカスタマイズされたコンテンツです

例を示します。最初にインターフェイスに戻ります

Dreamweaver のカスタム フォームを使用してオンライン注文を作成する方法

赤い丸をクリックしてカスタマイズ フォームを追加します

Dreamweaver のカスタム フォームを使用してオンライン注文を作成する方法

##カスタム フィールドを追加

##3 つのカスタム フィールドを追加しました。

効果を以下でプレビューしてください

Dreamweaver のカスタム フォームを使用してオンライン注文を作成する方法

##追加する際は、ニーズに応じて対応するデータ タイプを選択できることに注意してください

このようにして、カスタマイズは基本的に完了します 以下は、コードを使用して、対応するテンプレートに直接配置することです。 Dreamweaver のカスタム フォームを使用してオンライン注文を作成する方法

これはあなたのためのトリックです。通常は、単一ページのテンプレートでカスタマイズできます.

私のコード例は次のとおりです:

<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>
ログイン後にコピー

簡単な方法は、公開ページのカスタム フォームのソース コードを直接コピーし、
の間の部分を探すことです。 form>

DreamWeaver のデフォルトの単一ページ テストのスクリーンショット

テスト コンテンツ リリースのスクリーンショット

Dreamweaver のカスタム フォームを使用してオンライン注文を作成する方法

以上がDreamweaver のカスタム フォームを使用してオンライン注文を作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート