Para ciertos fines, por supuesto, debe usar los formularios en su sitio web, por ejemplo, formularios para encuestas, formularios de biodatos, formularios de registro, formularios de inicio de sesión y otros.
Los formularios permiten a los usuarios interactuar con texto, gráficos o cualquier otra cosa que se muestre en el navegador. Los formularios tienen varios tipos de elementos de entrada, como texto, radio, envío y otros. Anteriormente, hemos discutido acerca de los elementos de texto de tipo de entrada. Bueno, en esta discusión, explicaré cómo usar el elemento de entrada de tipo de contraseña y enviarlo en un formulario en HTML. Para más detalles, veamos la explicación a continuación:
Tipo de entrada de elemento = “contraseña”
El elemento de entrada de tipo de contraseña se utiliza para crear un cuadro de texto, pero todo el texto escrito se muestra en otros caracteres como “*” para brindar seguridad a todos los datos ingresados.
Tipo de entrada de elemento = “enviar”
El elemento de entrada de tipo de envío se usa para crear un botón donde el botón es útil para enviar datos de formulario al servidor para su procesamiento. La sintaxis de este tipo de elemento en general es:
<input type ="submit" value="Kirim Data">
Para aclarar la sintaxis anterior, volveré a explicar el uso del atributo de valor que se discutió en el tutorial anterior. El atributo de valor en el elemento de entrada de tipo de envío en forma de botón se usa para determinar el texto escrito en el botón, si no escribe un atributo de valor, también está bien.
Para que pueda comprender mejor el uso de los dos tipos de elementos de entrada anteriores, aquí hay un ejemplo de cómo escribir código y usar ambos tipos de elementos de entrada en HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Tipe Input Password dan Submit di HTML Forms</title>
</head>
<body>
<h4>Isilah formulir dibawah ini dengan baik dan benar ! </h4>
<hr>
<form action="proses_input.php" method="get">
Nama Depan : <input type="text" name="nama_depan"> <br><br>
Nama Belakang : <input type="text" name="nama_belakang"> <br><br>
Email : <input type="text" name="email"> <br><br>
Password : <input type="password" name ="password" maxlength="20"> <br><br>
<input type="submit" value="SUBMIT">
</form>
</body>
</html>Después de ejecutar el código anterior en el navegador, aparecerá como se muestra a continuación:
Bueno, la imagen de arriba es un ejemplo de un formulario que no ha sido llenado (todavía vacío). Para que pueda ver la diferencia en la visualización de datos en el cuadro de texto de la contraseña, vea la imagen de ejemplo a continuación:
Entonces, ¿qué sucederá cuando haga clic en el botón Enviar? Después de hacer clic en el botón Enviar, irá a la URL o ubicación del archivo que procesará los datos en el formulario. En el ejemplo anterior, los datos en el formulario serán procesados por el archivoproses_input.php (Nota: el archivoproses_input.php es un archivo vacío porque es solo un ejemplo). El siguiente es un ejemplo de una imagen de la barra de direcciones de una página web después de hacer clic en el botón Enviar:
Bueno, ahora veamos la barra de direcciones en la imagen de arriba. Previamente, creamos un formulario usando el método GET. El método GET mostrará los datos del formulario que se enviarán al final de la URL que luego serán acomodados por la acción.
Por lo tanto, todos los datos que ingrese en el formulario se mostrarán en la barra de direcciones después de la URL, como se muestra en la imagen de la barra de direcciones de arriba. Ese es el material para usar la contraseña de tipo de entrada y los elementos de envío de tipo de entrada en formularios HTML. Espero que sea útil.
