Open In App

HTML dirname Attribute

Last Updated : 11 Jul, 2025
Comments
Improve
Suggest changes
Like Article
Like
Report

The HTML dirname AttributeAfter submitting the form, the HTML dirname Attribute is used to enable the text direction of the input and the Textarea Field. The value of the dirname attribute must be the input field's name and textarea, followed by “.dir”.

it can be used with both the <input> and <textarea> elements.

Syntax

<input name="myname" dirname="myname.dir">

Example-1: This Example illustrates the use of dirname attribute in the Input Element.

HTML 
<!DOCTYPE html>
<html>

<head>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>

<body>

    <form action="/action_page.php">
        <h1>
            GeeksforGeeks
        </h1>
        <h2>
            HTML dirname attribute
        </h2> First name:
        <input type="text" name="fname" dirname="fname.dir">

        <input type="submit" value="Submit">
    </form>

    <p>
        After the Submission of the form,
        the text direction of the input
        field will also be submitted.
    </p>

</body>

</html>

Output:


dirname attribute in <textarea> Element:

Syntax

<textarea name="myname" dirname="myname.dir"></textarea>

Example-2:

This Example illustrates the use of dirname attribute in the Textarea element.

html 
<!DOCTYPE html>
<html>

<head>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>

<body>

    <form action="/action_page.php">
        <h1>
            GeeksforGeeks
        </h1>
        <h2>HTML dirname attribute
        </h2>
        <textarea name="Geeks" dirname="geeks.dir" 
                  placeholder="write something here">
        </textarea>
        <input type="submit" value="Submit">
    </form>

    <p>
        After the Submission of the form, the text
        direction of the Textarea field will also,
        be submitted.
    </p>
</body>

</html>

Output:


Supported Browsers:

The browser supported by dirname attribute are listed below :


M

manaschhabra2
Improve
Article Tags :

Explore

Lightbox