HTML | Atributo dirname – Barcelona Geeks

El HTML | El atributo dirname se usa para habilitar la dirección del texto de la entrada y el campo Textarea después de enviar el formulario . El valor del atributo dirname debe ser el nombre del campo de entrada y el área de texto, seguido de “.dir” .
se puede usar con los elementos <input> y <textarea> .

Atributo Dirname en <input> Elemento:
Sintaxis:

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

Ejemplo-1: Este ejemplo ilustra el uso del atributo dirname en el elemento de entrada.

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

Producción:

atributo dirname en <textarea> Elemento:
Sintaxis:

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

Ejemplo-2: Este ejemplo ilustra el uso del atributo dirname en el elemento Textarea.

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

Producción:

Navegadores compatibles: los navegadores compatibles con el atributo dirname se enumeran a continuación:

Google Chrome
Ópera
Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta