Skip to content
Related Articles

Related Articles

Improve Article

HTML | dirname Attribute

  • Last Updated : 30 Jul, 2019

The HTML | dirname Attribute is used to enable the text direction of the input and the Textarea Field after submitting the form. The value of the dirname attribute must be the name of the input field and textarea, followed by “.dir”.
it can be used with both of the <input> and <textarea> element.

  • Dirname attribute in <input> Element:
    Syntax:
    <input name="myname" dirname="myname.dir">

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




    <!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.




    <!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 :

  • Google Chrome
  • Opera
  • Safari

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :