name属性

input要素のname属性は、input要素の名前を指定する属性。

ブラウザ対応

構文

<input name="名前">

input要素の名前を指定する。

name属性に対応しているinput要素のタイプ（type属性値）

text search tel url email password date time number range color checkbox radio file submit image reset button hidden

サンプルコード

１行テキスト入力欄

<input name="sample">

カラー入力欄

<input type="color" name="sample">

ラジオボタン

<label>
	ラジオボタンＡ：
	<input type="radio" name="sample" value="A">
</label>
<br>
<label>
	ラジオボタンＢ：
	<input type="radio" name="sample" value="B">
</label>

サンプル

HTMLソースコード

<form action="sample-input.php" method="post" target="_blank">
	<p>
		<label>
			ラジオボタンＡ：
			<input type="radio" name="sampleName" value="ラジオボタンＡ">
		</label>
		<br>
		<label>
			ラジオボタンＢ：
			<input type="radio" name="sampleName" value="ラジオボタンＢ">
		</label>
	</p>
	<p><input type="submit" value="送信"></p>
</form>

実際の表示


sample-input.php

データ送信後に表示するPHPファイルのソースコード。

<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="utf-8" />
		<title>input要素のサンプルからの送信結果</title>
	</head>
	<body>
		<h1>input要素のサンプルからの送信結果</h1>
		<p style="font-size: 24px;">入力した値： <b style="color: #f00"><?php echo $_POST[sampleName] ?></b></p>
	</body>
</html>

$_POST[sampleName]のように、input要素に指定した名前sampleNameをキーにして読み出している点に注目。