HTML | <entrada> alinear atributo

El atributo de alineación HTML <input> se usa con <input type=”image”> para establecer la alineación horizontal de la imagen. No es compatible con HTML 5.

Sintaxis:

<input align="left|right|middle|top|bottom">

Valores de atributos:

  • izquierda: Establece la alineación de la imagen a la izquierda. es un valor predeterminado.
  • right: Establece la alineación de la imagen a la derecha.
  • medio: Establece la alineación de la imagen al medio.
  • top: Establece la alineación de la imagen en la parte superior.
  • bottom: Establece la alineación de la imagen hacia abajo.

Ejemplo 1:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML input align Attribute
    </title>
</head>
  
<body>
    <h1 style="color:green;">GeeksforGeeks</h1>
  
    <h3>HTML input align Attribute</h3> 
  
    <input type="image" src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png"
        alt="GeeksforGeeks logo" align="right"> 
</body> 
  
</html>

Producción:

Ejemplo 2:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML input align Attribute
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green;">GeeksforGeeks</h1>
  
        <h3>HTML input align Attribute</h3>
    </center>
    <div>
        Email_id:
        <!--Here type="text" align will not work-->
        <input type="text" alt="mail_id" align="right">
        <input type="image" src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png" 
                     alt="GeeksforGeeks" align="right">
    </div>
</body>
  
</html>

Salida:

Nota: Dado que <input type=”image”> no es compatible con HTML5, puede usar CSS allí en lugar de este atributo. Sintaxis para CSS <input type=”image” style=”float:right”> .
Navegadores compatibles:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Safari
  • Ópera

Publicación traducida automáticamente

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *