- Un formulario es un elemento que permite recoger datos introducidos por el usuario.
- Un formulario está formado, entre otras cosas, por etiquetas, campos de texto, menús desplegables, y botones.
- Es muy recomendable utilizar tablas ya que se consigue una mejor distribución de los elementos del formulario, lo que facilita su comprensión y mejora su apariencia.
- Los formularios se insertan a través de las etiquetas
<form> y </form>
- El atributo enctype indica el modo en que será cifrada la información para su envío. Por defecto tiene el valor application/x-www-form-urlencoded.
- El atributo method indica el metodo mediante el que se transferirán las variables del formulario. Su valor puede ser get o post.
- get se utiliza cuando no se van a producir cambios en ningún documento o programa que no sea el navegador del usuario que pretende mandar el formulario, como ocurre cuando se realizan consultas sobre una base de datos.
- post se utiliza cuando sí se van a producir cambios, como ocurre cuando el usuario manda datos que deben ser almacenados en una base de datos.
Campo Texto:
1.Ingrese Nombre:<input type="text" size="20" name="nombre">
Ejemplo:
<HTML>
<HEAD>
<TITLE>New Document</TITLE>
</HEAD>
<BODY>
<form method="POST">
Ingrese Nombre:<input type="text" size="20" name="nombre">
</form>
</BODY>
</HTML>
2. Campo Contraseña:
<input name="contra" type="password" value="contraseña" size="20" maxlength="15">
Ejemplo:
<HTML>
<HEAD>
<TITLE>New Document</TITLE>
</HEAD>
<BODY>
<form method="POST">
Contraseña<input name="contra" type="password" value="contraseña" size="20" maxlength="15">
</form>
</BODY>
</HTML>
3. TexTarea:
<textarea name="ejemploarea" cols="30" rows="3">Escribe el texto que quieras</textarea>Ejmplo:
<HTML>
<HEAD>
<TITLE>New Document</TITLE>
</HEAD>
<BODY>
<form method="POST">
<textarea name="ejemploarea" cols="30" rows="3">Escribe el texto que quieras</textarea>
</form>
</BODY>
</HTML>
4. Boton: <input name="boton" type="submit" value="Enviar">
Ejemplo:
<HTML>
<HEAD>
<TITLE>New Document</TITLE>
</HEAD>
<BODY>
<form method="POST">
<input name="boton" type="submit" value="Enviar">
</form>
</BODY>
</HTML>
5. Check: <input name="casilla" type="checkbox" value="acepto" checked>
Ejemplo:
<HTML>
<HEAD>
<TITLE>New Document</TITLE>
</HEAD>
<BODY>
<form method="POST">
<input name="revista" type="checkbox" value="f" checked>Libros Computacion
<input name="revista" type="checkbox" value="m" checked>Libros Arquitectura
</form>
</BODY>
</HTML>
<input name="sexo" type="radio" value="f">Femenino>
Ejemplo:
<input name="sexo" type="radio" val<HTML>
<HEAD>
<TITLE>New Document</TITLE>
</HEAD>
<BODY>
<form method="POST">
<input name="sexo" type="radio" value="f" Checked>Femenino
<input name="sexo" type="radio" value="m">Masculino
</form>
</BODY>
</HTML>
7.Campo de Selecion:
<select name="mascota">
<option selected>--- Elige animal ---</option>
<option>Perro</option>
<option>Gato</option>
</select>
Ejemplo:
<HTML>
<HEAD>
<TITLE>New Document</TITLE>
</HEAD>
<BODY>
<form method="POST">
<select name="mascota">
<option selected>--- Elige animal ---</option>
<option>Perro</option>
<option>Gato</option>
</select>
</form>
</BODY>
</HTML>
0 comentarios:
Publicar un comentario