En este artículo, hemos enviado un formulario usando JavaScript haciendo clic en un enlace. En la etiqueta del cuerpo, cree un formulario HTML y especifique la identificación, el método y la acción del formulario . En el formulario, especifique una etiqueta de ancla con un evento onclick . Cree una función para JavaScript que se ejecutará cuando se haga clic en el enlace. Cuando hacemos clic en el enlace, se ejecutará la función submitForm(). Esta función obtendrá el objeto del elemento usando el método DOM getElementById() al pasar la identificación del formulario a este método, luego el formulario se enviará usando el método de envío() .
Ejemplo: Cree un formulario y envíelo utilizando el enfoque anterior. Se requiere para la estructura del formulario donde el usuario proporcionará sus datos.
HTML
<!DOCTYPE html>
<html>
<body>
<h2 style="color:green">GeeksforGeeks</h2>
<b>Submit form details</b>
<form id="form__submit" action="form.php" method="post">
<label>NAME: </label><br />
<input type="text" name="name" /><br />
<label>AGE: </label><br />
<input type="number" name="age" /><br />
<label>CITY: </label><br />
<input type="text" name="city" /><br /><br />
<a href="#" onclick="submitForm()">Submit Here</a>
</form>
<script>
function submitForm() {
let form = document.getElementById("form__submit");
form.submit();
}
</script>
</body>
</html>
Nota: El código HTML proporcionado redirigirá los datos del formulario al sitio o archivo que se menciona en el atributo de acción .
Código PHP: cree un archivo PHP para que el usuario ingrese los datos del formulario, cambie el nombre de este archivo PHP como «form.php». Este código muestra los datos del formulario de usuario.
PHP
<?php $name=$_POST['name']; $age=$_POST['age']; $city=$_POST['city']; echo "NAME-SUBMITTED : $name <br>"; echo "AGE-SUBMITTED : $age <br>"; echo "CITY-SUBMITTED: $city"; ?>
Producción:
datos del formulario de usuario
PHP es un lenguaje del lado del cliente. Por lo tanto, requiere un servidor. Consulte el tutorial de PHP para una mejor comprensión.
Publicación traducida automáticamente
Artículo escrito por anuragsingh1022 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA