dirname属性

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

ブラウザ対応

構文

<input dirname="keyName">

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

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

入力欄のテキストの方向を示すキーワード

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

dirname属性に対応しているinput要素のタイプ(type属性値)

サンプルコード

1行テキスト入力欄

<input dirname="sample">

検索用テキスト入力欄

<input type="search" dirname="sample">

サンプル

HTMLソースコード

<form action="sample-form-dirname.php" method="post" target="_blank">
	<p>
		<label>
			1行テキスト入力欄:
			<input name="sampleText" dirname="sampleDirname">
		</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>