7
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【PHP】aタグで作ったボタンでPOST送信する

Last updated at Posted at 2020-07-25

##はじめに
PHPのフォームで値を送信する際、aタグで作ったボタンでも送信する方法です。
自分が実装する際に困った箇所もまとめます。

aタグで送信するメリット

・inputタグにtype="submit"よりデザインの幅が広がる
・他の箇所でも使われているボタンデザインと合わせたいとき。サイト・システム全体でボタンのスタイルや挙動を統一できる。

##ソースコード
名前メールアドレスを送信するフォームを例に。

form.html
<!-- input[type="submit"]で送信-->
<form method="POST" name="input_form" action="">
  <input type="text" name="name" value="">
  <input type="text" name="mail" value="">
  <input type="submit" value="送信する">
</form>

<!-- aタグで送信する-->
<form method="POST" name="a_form" action="">
  <input type="text" name="name" value="">
  <input type="text" name="mail" value="">
  <a href="#" onclick="document.a_form.submit();">送信する</a>
</form>

##説明
・aタグに**onclick="document.送信したいフォームのname属性.submit()"**と加えて、submitイベントを実行させる。例だと送信したいフォームのname属性はa_form。

##注意点
・name属性が同じ値のformが存在するときの場合、formのが正しく動かない。(値が送信できない)

7
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?