action属性

form要素のaction属性は、フォームデータ送信先URLを指定する属性。

ブラウザ対応

構文

<form action="URL"></form>

URL

URLに指定出来る値。

  • 絶対URL。例：http://html5.cyberlab.info
  • 相対URL。例：sample.html

サンプルコード

絶対URL

<form action="http://html5.cyberlab.info/elements/forms/sample.php" method="post">
	<p>入力欄： <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>

相対URL

<form action="sample.php" method="post">
	<p>入力欄： <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>

サンプル

絶対URL

HTMLソースコード
<form action="http://html5.cyberlab.info/elements/forms/sample-form.php" method="post" target="_blank">
	<p>サンプル入力欄： <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>
実際の表示

サンプル入力欄：

相対URL

HTMLソースコード
<form action="sample-form.php" method="post" target="_blank">
	<p>サンプル入力欄： <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>
実際の表示

サンプル入力欄：