dirname属性

textarea要素のdirname属性は、テキストエリアのテキストの方向を送信データに含める属性。HTML5にて新たに導入された属性である。

ブラウザ対応

構文

<textarea dirname="keyName"></textarea>

「keyName」に指定したキー名のキーと、テキストエリアのテキストの方向を示すキーワードの値を、送信データに含める。

日本語であれば、「keyName=ltr」を、送信データに含める。

テキストエリアのテキストの方向を示すキーワード

ltr
左から右へ。
日本語や英語などのテキストの方向。
rtl
右から左へ。
アラビア語などのテキストの方向。

サンプルコード

<textarea dirname="sample"></textarea>

サンプル

HTMLソースコード

<form action="sample-form-dirname.php" method="post" target="_blank">
	<p>
		<label>
			テキストエリア：
			<textarea name="sampleText" dirname="sampleDirname"></textarea>
		</label>
	</p>
	<p>
		<input type="submit">
	</p>
</form>

実際の表示

サンプルの動作について

送信ボタンをクリックすると、「sample-form-dirname.php」を開く。「sample-form-dirname.php」の「テキストの方向： 」の右横に、日本語や英語の環境の場合、「ltr」と表示する。「ltr」は、テキストの方向が左から右であることを意味している。

sample-form-dirname.php

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