Todas las Noticias en Películas, Avances de Películas y Reseñas.
tech

Cómo crear un formulario de registro con HTML

Se construyó un sitio web que no solo sirve para brindar información a los usuarios o usuarias. Sin embargo, el sitio web también se puede utilizar para obtener información como datos personales de los visitantes del sitio web. ¿Cómo? Sí, por supuesto, utilizando el formulario.

Cómo crear un formulario de registro con HTML

Crear un formulario de registro simple en HTML es muy fácil. Hay dos formas en que puede usar, a saber, usando tablas y usando divs. Sin embargo, en este artículo, discutiremos cómo crear un formulario de registro simple usando una tabla. Inmediatamente, consulte los pasos a continuación.

1. Antes de crear la tabla, asegúrese de cuántas columnas y cuántas filas desea crear. Por ejemplo, aquí crearemos 9 filas y 3 columnas. Para obtener más detalles, preste atención al script o código a continuación.

<table>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td>/td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

</table>

Entonces, para crear una tabla, debe usar la etiqueta

. Mientras tanto, para crear filas en la tabla, usa la etiqueta

y las columnas usan la etiqueta

es 9 y cada etiqueta

contiene una etiqueta

. Puede notar en el script anterior, el número de etiquetas

de 3.

2. A continuación, complete cada fila y columna de acuerdo con sus necesidades y deseos. Por lo general, un formulario consta de nombre, lugar de nacimiento, fecha de nacimiento, sexo, etc. Y por supuesto hay un botón para guardar y cancelar. Por ejemplo, puede mirar el script a continuación.

<table>

<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><input type="text"></td>
</tr>

<tr>
<td>Tempat Lahir</td>
<td>:</td>
<td><input type="text"></td>
</tr>

<tr>
<td>Tanggal Lahir</td>
<td>:</td>
<td><input type="Date"></td>
</tr>

<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type="radio" name="jenis_kelamin" value="pria"/>Pria
<input type="radio" name="jenis_kelamin" value="perempuan"/>Perempuan</td>
</tr>

<tr>
<td>Alamat</td>
<td>:</td>
<td><textarea cols="22" rows="3" ></textarea></td>
</tr>

<tr>
<td>E-mail</td>
<td>:</td>
<td><input type="email"></td>
</tr>

<tr>
<td>No Hp</td>
<td>:</td>
<td><input type="number"></td>
</tr>

<tr>
<td>Kota</td>
<td>:</td>
<td><select>
<option>*****SELECT KOTA*****</option>
<option>Bogor</option>
<option>Jakarta</option>
<option>Bekasi</option>
<option>Tangerang</option>
<option>Depok</option>
<option>cikarang</option>
<option>Banten</option>
</select></td>
</tr>

<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><input type="submit" name="submit" value="Simpan"/>
<input type="reset" name="reset" value="Batal" /></td>
</tr>

</table>

Cosas a las que debe prestar atención al crear un formulario de registro:

Todos los campos de entrada usan la etiqueta para el nombre y el lugar de nacimiento. tipo = “texto”
Uso de la fecha de nacimiento tipo = “fecha”
Uso de género tipo=”radio” y agregar atributos nombre. El valor en el atributo de nombre debe ser el mismo, por ejemplo, para hombres name=”gender” , por lo que para mujeres debe usar el mismo valor. Porque si crea un valor de nombre diferente, el usuario o los usuarios pueden elegir más de una respuesta. Uso de direcciones <área de texto> etiquetas de etiquetas seguido del número de columnas y filas, como en el ejemplo anterior. Debido a que, por lo general, la cantidad de caracteres de la dirección es mayor que la de otros caracteres, por lo que es mejor usar la etiqueta