La <a> (etiqueta de anclaje) en HTML se usa para crear un hipervínculo en la página web. Este hipervínculo se utiliza para vincular la página web a otras páginas web. Se utiliza para proporcionar una referencia absoluta o una referencia relativa como su valor » href» .
Sintaxis:
<a href = "link"> Link Name </a>
El atributo href especifica la URL de la página a la que se dirige el enlace. Si el atributo href no está presente, la etiqueta <a> no será un hipervínculo. Puede usar href=”#top” o href=”#” para vincular a la parte superior de la página actual.
Para usar la etiqueta de anclaje como botón de envío, necesitamos la ayuda de JavaScript . Para enviar el formulario, usamos la función JavaScript .submit () . La función envía el formulario.
Sintaxis:
document.getElementById("GFG").submit();
Nota: “GFG” es el ‘id’ mencionado en el elemento de formulario.
Ejemplo 1:
index.html
<!DOCTYPE html>
<html>
<body>
<h2>Use Anchor tag as Submit button</h2>
<form id="GFG" action="submit.php" method="POST">
Username
<br />
<input type="text" name="UserName" id="UserName" />
<br />
Password
<br />
<input type="password" name="Password" id="Password" />
<br />
<a href="#" onclick="myFunction()">
Click here to submit form
</a>
</form>
<script>
function myFunction() {
document.getElementById("GFG").submit();
}
</script>
</body>
</html>
Producción:
Nota: También podemos llamar a la función .submit() , escribiendo JavaScript como
<a href="javascript:$('GFG').submit();" >Click here to submit form</a>
Ejemplo 2:
Código HTML:
index.html
<!DOCTYPE html>
<html>
<body>
<h1>Use Anchor tag as Submit button</h1>
<form id="GFG" action="submit.php" method="POST">
Username
<br />
<input type="text" name="UserName" id="UserName" />
<br />
Password
<br />
<input type="password" name="Password" id="Password" />
<br />
<a href="javascript:$('GFG').submit();">
Click here to submit form
</a>
</form>
</body>
</html>
Producción:
etiqueta de anclaje
Código PHP: El siguiente código es el contenido de “submit.php” utilizado en el código HTML anterior. Tenemos que agregar un código PHP para enviar datos a la base de datos (use el servidor local XAMPP para probar el código a continuación).
submit.php
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "student";
// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);
// Check connection
if (!$conn) {
die("Connection failed: " . mysqli_connect_error());
}
$name= $_POST['UserName'];
$pwd= $_POST['Password'];
$sql = "INSERT INTO student (firstname, password) VALUES ('$name','$pwd')";
if (mysqli_query($conn, $sql)) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . mysqli_error($conn);
}
mysqli_close($conn);
?>
Producción:
-
Ahora, agregue algunos datos en el formulario. Supongamos que el nombre de usuario es ‘Akshit’ y la contraseña es ‘123’
-
Ahora haga clic en el hipervínculo «Haga clic aquí para enviar el formulario «.
-
Echemos un vistazo a la base de datos de ‘estudiantes’ .
Tabla de datos
Publicación traducida automáticamente
Artículo escrito por akshitsaxenaa09 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA