HTML <formulario> rel Atributo

El atributo HTML <form> rel se utiliza para definir la relación entre el documento actual y el documento vinculado. El «rel» significa relación. Denota que conectamos un CSS externo con la página HTML. 

Sintaxis:

<form rel="value">

Valores de atributos:

  • external: Especifica que el documento externo no es parte del sitio actual.
  • ayuda: Especifica un enlace a un documento de ayuda.
  • licencia: Define una información de copyright para el documento.
  • siguiente: Especifica el siguiente documento en una selección.
  • nofollow: especifica que la araña de búsqueda de Google no debe seguir ese enlace y se usa principalmente para enlaces pagos.
  • noreferrer: define que el navegador no debe enviar un encabezado de referencia HTTP, si el usuario sigue el hipervínculo.
  • prev: Define un documento anterior en una selección.
  • search:   Especifica la herramienta de búsqueda del documento.

Ejemplo 1: 

HTML

<!DOCTYPE html>
<html>
  
<body>
    <h2 style="color: green">GeeksforGeeks</h2>
    <h2>HTML form rel="noreferrer" Attribute</h2>
  
    <b>This will avoid information passed to the post page </b>
  
    <!-- It avoids passing the referrer information
        to target website by removing the referral 
        info from the HTTP header.
        It is safe to use -->
    <form rel="noreferrer" action="mypage.php">
        <input type="search" placeholder="search here" />
        <input type="button" value="search" />
    </form>
</body>
  
</html>

 

Producción:

Ejemplo 2:

HTML

<!DOCTYPE html>
<html>
  
<head>
    <style>
        h2 {
            font-family: Impact;
            color: green;
        }
  
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
    <h2>GeeksforGeeks</h2>
  
    <b> HTML Form rel="external" Attribute </b>
  
    <!-- The referred document is not part 
        of the current site -->
    <form rel="external" action="mypage.php">
        User_id:<input type="text" /><br /><br />
        Password:<input type="password" /><br />
        <input type="submit" value="submit" />
    </form>
</body>
  
</html>

Producción:

Navegadores compatibles:

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

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

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