HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLでテキストの書字方向を送信する方法｜dirname属性の使い方を解説

HTMLでは、dirname属性を使用することで、フォーム送信時にテキストの書字方向（テキストディレクション）の情報を一緒に送信できます。このときサーバーへ送られる値は、対象の入力フィールドのname属性の値に「.dir」を付けた名前になります。

dirname属性とは

dirname属性は、ユーザーが入力したテキストが「左から右（LTR）」なのか「右から左（RTL）」なのかという書字方向の情報をサーバー側へ伝えるための属性です。アラビア語やヘブライ語など、右から左へ記述される言語を扱う多言語対応サイトでは特に役立ちます。

  • <input>要素および<textarea>要素で使用できます
  • 送信される値は「name属性の値＋.dir」という形式になります
  • 例えば name="sname"・dirname="sname.dir" と指定した場合、「sname.dir=ltr」のようなデータとして送信されます

使用例

以下は、学生向けの連絡フォームにdirname属性を適用したサンプルコードです。

<!DOCTYPE html>
<html>
   <body>
      <h2>学生連絡フォーム</h2>
      <form action = "mailto:emailid@example.com" method = "post" enctype = "text/plain">
         学生氏名：<br><input type = "text" name = "sname" dirname = "sname.dir"> <br>
         件名：<br><input type = "text" name = "ssubject"><br>
         <input type = "submit" value = "送信">
      </form>
   </body>
</html>

まとめ

dirname属性を指定すると、フォームの送信先に対して入力テキストの書字方向を自動的に通知できます。多言語サイトや右横書き言語への対応が必要な場合に活用してみてください。

  1. HTMLでテキストを右から左（RTL）に表示する方法【CSSのdirectionプロパティ】

    HTMLでテキストを右から左（Right-to-Left：RTL）に表示するには、CSSのdirectionプロパティを使用します。style属性と組み合わせることで、特定の要素に対してインラインスタイルとして文字の方向を指定できます。 directionプロパティに指定できる値 directionプロパティでは、以下の3つの値を設定できます。 No.値と説明 1ltr左から右へ記述する（デフォルトの方向） 2rtl右から左へ記述する 3initial初期値に戻す style属性を使った指定方法 テキストを右から左に表示する場合は、style属性でCSSのdirectionプロパテ

  2. HTMLでテキストの方向を設定する方法【directionプロパティの使い方】

    HTMLでテキストの表示方向を設定するには、style属性を使用します。style属性は要素にインラインスタイルを指定するための属性で、CSSのdirectionプロパティと組み合わせることで、テキストの流れる方向（左から右／右から左）を制御できます。 ただし、style属性で指定したスタイルはインラインスタイルとして扱われるため、<style>タグや外部スタイルシートで定義されたグローバルなスタイルよりも優先される点に注意してください。 directionプロパティに指定できる値 番号値と説明 1ltr左から右へ記述する（left to right）。日本語や英語など、ほ