ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLフォームタグのaction属性とは何を意味するのでしょうか?用途は何ですか? (例付き)

HTMLフォームタグのaction属性とは何を意味するのでしょうか?用途は何ですか? (例付き)

寻∝梦
寻∝梦オリジナル
2018-08-29 14:50:4415640ブラウズ

この記事ではHTMLのformタグのaction属性の使い方を中心に使い方の紹介と使用例をまとめて見ていきましょう

まずは、 のaction属性についてご紹介します。 HTML フォームタグ 意味:

form タグの action 属性は、フォームの送信時にフォームデータを送信する場所を指定します。

form タグの action 属性の最初の例を見てみましょう:

以下のフォームには 2 つの入力フィールドと送信ボタンがあります。フォームが送信されると、フォーム データがファイルに送信されます。 "form_action.asp" という名前のページ:

<form action="form_action.asp" method="get">
  <p>输入用户名: <input type="text" name="fname" /></p>
  <p>再输用户名: <input type="text" name="lname" /></p>
  <input type="submit" value="提交" />
</form>

これのレンダリングは以下の通りです:

HTMLフォームタグのaction属性とは何を意味するのでしょうか?用途は何ですか? (例付き)

効果は明白で、基本的にすべてのフォームには action 属性が必要です。

次に、form タグの action 属性の使用法について説明します。

form フォームの action 属性の値は、action 属性を設定しない場合、フォームの送信先の URL になります。その後、次のようにデフォルトのフォームが現在のページに送信されます。 action 属性の 3 つの使用法を紹介します。

  • action="" と action="#" (action 属性なし) は同じです。その結果、両方とも現在のページ (つまり、 document.location.href) に送信されます

  • action="currentPage.xxx" currentPage.xxx が現在のページを表す場合、それを現在のページに送信すると、同僚がジャンプしますもちろん、URL の変更は表示されません。currentPage.xxx が現在のページではない場合は、現在のページ以外のページに送信されます

  • フォームがそれ自体に送信されるときの action="" と action="currentPage.xxx" の違い:

通常、トラブルを避けるために、フォームの action 属性を action=""/action に設定します。 ="#" または単純に記述しないこともできますが、これにより問題が発生します。つまり、アクションが action="" に設定されている場合、フォームが送信されたときに実際に送信されるページは action="currentPage.xxx? argument =values&…."、つまり、現在のページにパラメータがある場合、パラメータも送信され、パラメータの優先順位は

コントロールによって送信されるパラメータよりも高くなります。つまり、アクションの場合="currentPage.xxx?arguments= "values&…." の引数が
要素と同じ名前の場合、値を取得するときに、action="currentPage.xxx?arguments=values&…." の値が返されます。
の値を上書きすると、ページから値を取得できません。

例: SpecTop.asp ページはフォームが送信されるページであり、上位から渡されるパラメーターがあります。レベルページ

action=""実際に送信されたときのページ: SpecTop.asp?ClassID=000100200005&SpeID=947&SpeType=3

ある場合 では、送信時に取得される値は 1000 ではなく 947 になり、action=”currentPage .xxx” は 1000 になります

以上が HTML form タグの action 属性の完全な紹介です。ご質問がございましたら、以下にメッセージを残してください。

【編集者のおすすめ】

HTMLでpreタグ内のテキストを折り返すにはどうすればいいですか? html preタグの使用例

HTMLのulタグの意味は? HTMLのulタグの役割を詳しく解説

以上がHTMLフォームタグのaction属性とは何を意味するのでしょうか?用途は何ですか? (例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。