ホームページ > ウェブフロントエンド > htmlチュートリアル > htmlフォームのいくつかの入稿方法まとめ_HTML/Xhtml_Webページ制作

htmlフォームのいくつかの入稿方法まとめ_HTML/Xhtml_Webページ制作

WBOY
リリース: 2016-05-16 16:40:18
オリジナル
2654 人が閲覧しました

最も一般的で最も一般的に使用される方法は、submit タイプを使用することです。コードを確認します。

コードをコピーします
コードは次のとおりです。




さらに、次のような一般的な方法もあります:

コードをコピー
コードは次のとおりです:




を使用します。 JavaScript DOM モデルを使用してフォームを送信するためのリンク:


コードをコピーコードは次のとおりです:
<フォーム名=”フォーム” メソッド=”投稿” アクション=”#”>
送信


このメソッドは実際に JavaScript 関数を呼び出し、その JavaScript 関数を使用してフォームを送信します。任意のタグの onclick イベントに追加します:


コードをコピーしますコードは次のとおりです:
<フォーム名=”フォーム”メソッド=”ポスト”アクション=”#”>

Submit



しかし、フォームに複数の送信ボタンがある場合はどうなるでしょうか?
たとえば、フォーム内の送信ボタンは異なる処理ページを指します。フォームのデータ処理ページはフォームの定義時に決定されるため、フォーム内に複数の送信ボタンを配置するだけでは目的を達成できません。これにはJavaScriptが必要です。
最初に関数を定義します:



コードをコピーします
コードは次のとおりです: < ;script language=javascript>
関数 query(){
form.action=”query.php”;
関数 update(){
form.action="update.php";
form.submit();}


JavaScript を使用してフォームのアクション属性値を変更します。複数の送信を実現できるようにするため、ボタンにはさまざまな機能があります。ページ上のコードは次のとおりです:




コードをコピー

コードは次のとおりです:
🎜>
上記のコードは通常のボタンを使用しており、送信関数はその onclick イベントで JavaScript 関数を呼び出すことで実装されています。
上記の送信メソッドを使用します。フォームの複雑さにはほぼ対応できると思います。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート