Dofactory.com
Dofactory.com
Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

HTML <input> dirname Attribute

The dirname attribute on an <input> tag submits the element‘s text direction together with the input value.

Direction values can be ltr (left-to-right) or rtl (right-to-left).

Example

#

An <input> element with a dirname attribute.
Submitting this form will send the text input value and its direction.




<form action="/tutorial/action.html">
  <label for="firstname">First name</label><br />
  <input type="text" id="firstname" 
         name="firstname" dirname="firstname.dir">
  <br /><br />

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

Using dirname

The name of this attribute must be the input field name followed by .dir.

This attribute helps in identifying the correct direction for an input value.

Here is a list of the languages that are written from right-to-left (rtl):

  • Arabic
  • Aramaic
  • Azeri
  • Dhivehi/Maldivian
  • Hebrew
  • Kurdish (Sorani)
  • Persian/Farsi
  • Urdu

Syntax

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

Values

#

Value Description
input-name.dir Submits the text direction of the input value.
Possible values are ltr (left-to-right) or rtl (right-to-left).

Browser support

Here is when dirname support started for each browser:

Chrome
1.0 Sep 2008
Firefox
Not Supported
IE/Edge
79.0 Jan 2020
Opera
1.0 Jan 2006
Safari
1.0 Jan 2003

You may also like

 Back to <input>

Last updated on Sep 30, 2023

Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

Guides