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

HTMLのdirname属性とは？テキストの書字方向を送信する方法を解説

HTMLのdirname属性を使うと、ユーザーが入力したテキストの書字方向（テキストディレクション）をフォーム送信時にサーバーへ送信できます。

送信される値は、対象の入力フィールド（input要素）のname属性の値に「.dir」を付けた名前になります。例えば、name="sname"でdirname="sname.dir"と指定した場合、「sname.dir」というキーでテキストの方向情報が送られます。この機能は、日本語や英語のような左から右へ記述する言語と、アラビア語やヘブライ語のような右から左へ記述する言語が混在するフォームで特に役立ちます。

使用例

以下のコードを実行すると、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属性は、<input>要素および<textarea>要素に指定できます。
  • 送信データには、入力内容そのものに加えて「入力欄のname + .dir」という形式で書字方向（ltrまたはrtl）が含まれます。
  • 多言語対応サイトのフォームでは、入力されたテキストの表示方向をサーバー側で正しく処理するために活用されます。
  1. HTMLのlist属性とは？datalist要素で入力候補を表示する方法を解説

    HTMLのlist属性とはHTMLでは、<datalist>要素を使用して、あらかじめ定義された選択肢のリストを作成できます。このリストは<input>要素（入力欄）に対して適用され、ユーザーが文字を入力すると、定義済みの選択肢が候補として自動的に表示されます。<input>要素のlist属性は、対応する<datalist>要素のidを参照することで、入力欄と選択肢リストを関連付けます。このlist属性は、HTML5で新たに導入された機能です。list属性の基本的な使い方list属性を使うには、以下の2つのステップを行います。<datali

  2. HTMLのbutton要素におけるname属性の使い方を徹底解説

    <button>要素のname属性は、ボタンに名前を設定するために使用される属性です。複数のボタンに同じ名前を付けることも可能ですが、name属性とvalue属性を組み合わせることで、同じ名前のボタンからでもそれぞれ異なる値を送信できます。 これは特に、フォーム内で複数の送信ボタンを配置し、押されたボタンによって処理を切り替えたい場合に非常に便利です。 基本構文 <button name="btn_name"> 上記の構文において、btn_name の部分にはボタンの任意の名前を指定します。この名前はフォーム送信時のパラメータ名としてサーバー側に渡さ