Los formularios en javascript se utilizan para tomar la información selectiva o requerida del usuario. Hay varias áreas y propósitos para usar formularios, es decir, en el reclutamiento, al solicitar algún tipo de trabajo o para hacer algunos tipos de consultas. Es fácil distribuir un formulario cuando no está en línea, pero cuando se trata del campo en línea, uno no puede distribuir un formulario, tienen que usar la misma estructura para todos. En este caso, crean una buena estructura y la ofrecen a todos los que quieran pasar por ese proceso en particular y es fácil continuar en el formato en línea.
Enviar el formulario es el proceso después de completar el formulario en el que el formulario completo debe enviarse a las autoridades. Pero es trabajo del diseñador jugar con la parte de programación del formulario. En esta sección, aprenderemos cómo borrar el formulario después de enviarlo en Javascript sin usar reset.
Ejemplo: Vamos a crear un formulario Html con la ayuda de Tables. Aquí tome algunos campos en el formulario, es decir, nombre, número de teléfono, correo electrónico, descripción y un botón de envío. Estos campos deben tener identificadores junto con entonces. En este código, estamos utilizando el tipo de envío mediante el cual se enviará nuestro formulario, pero para liberarlo de la fecha de llenado, llamamos a una función de nombre fun(). Usando esta función estableceremos el valor de todos los campos igual a nada. Esta función se escribirá en javascript y en la etiqueta del script.
<!DOCTYPE html>
<html>
<head>
<title>Reseting the form without reset method</title>
<script>
function fun(){
document.getElementById('name').value='';
document.getElementById('mail').value='';
document.getElementById('phone').value='';
}
</script>
<style>
input[type=submit] {
position: relative;
float: right;
}
</style>
</head>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<b>
clear form after submit in Javascript
without using reset
</b>
<form id="d" action="/cgi-bin/test.cgi" name="geek">
<table cellspacing="0" cellpadding="3" border="1">
<tr>
<td align="center">Username</td>
<td>
<input type="text" id="name"/>
</td>
</tr>
<tr>
<td align="center">Email</td>
<td>
<input type="text" id="mail"/>
</td>
</tr>
<tr>
<td align="center">Ph no</td>
<td>
<input type="tel" id="phone"/>
</td>
</tr>
<tr>
<td align="center"></td>
<td>
<input onclick="fun()"
type="submit" value="Submit" />
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por _mridul_bhardwaj_ y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA