Si tu página es buena, es obligatorio que tenga más de un formulario:
Crear un formulario de búsqueda:
Para buscar entre páginas Web, conviene tener un buscador, de artículos por ejemplo.
Usaremos el tag form para crear un formulario e input para los diferentes controles, para un formulario de búsqueda usaremos el siguiente código.
<!–webbot bot=”Search” s-index=”Web ” s-dsn=”default”
s-fields=”DocumentK,TimeStamp,Weight”
TAG=”BODY”
S-Text=”Buscar:”
I-Size=”20″
S-Submit=”Iniciar búsqueda”
S-Clear=”Restablecer” b-useindexserver=”0″
–>
De esta forma tenemos nuestro formulario de búsqueda, recordad adaptarlo a vuestrasnecesidades cambiando la ruta y lo que sea necesario
Crear un formulario de registro
Aquí intervienen esos tags, vamos a nombrarlos todos:
<form>
<input type=text maxlenght=50 label=Nombre></input>
<input type=password maxlengh=9></input>
Para crear botones accionables usaremos como tipo radio, para casillas de verificación, checkbox, para área de texto, directamente <textarea>, para listas usaremos <select><option></option> para formularios de carga de un archivo, usaremos file. Y Si queremos agrupar unos cuantos campos usaremos <fieldset><legend>registro:Acceder</legend>y cerraremos fieldset> agrupando los necesarios. A los formularios les podemos dar atributos como maxlenght (máximo numero de caracteres, readonly, solo lectura, también podemos usar type=hidden, la diferencia con solo lectura es que el usuario ignora que existe. No sé si he sidodemasiado claro así que voy a poner un ejemplo:
A continuación de la imagen muestro el código para crear el Formulario
<form method=”POST” enctype=”multipart/form-data” action=”–WEBBOTSELF–”>
<!–webbot bot=”FileUpload” U-File=”fpweb:///_private/form_results.csv”
S-Format=”TEXT/CSV” S-Label-Fields=”TRUE” –>
<fieldset style=”padding: 2″>
<legend>Datos personales</legend>
Nombre<input type=”text” name=”T1″ size=”20″><br>
Contraseña<input type=”text” name=”T2″ size=”20″><br>
Envíenos un archivo<input type=”file” name=”F1″ size=”20″><br>
Mayor de 18 años<input type=”checkbox” name=”C1″ value=”ON”><br>
Hombre<input type=”radio” value=”V1″ checked name=”R1″><br>
Mujer<input type=”radio” name=”R1″ value=”V2″><br>
<select size=”1″ name=”D1″>
<option>1</option>
<option>2</option>
</select><br>
Comentario<textarea rows=”2″ name=”S1″
cols=”20″></textarea></fieldset><br>
<input type=”submit” value=”Enviar” name=”B1″><input type=”reset”
value=”Restablecer” name=”B2″>
</form>
Podemos usar label para colocar la etiqueta al formulario, como por ejemplo, nombre
Podemos ir más lejos, podemos por ejemplo, crear una página con licencia, que al no aceptarla, no la podamos ver, para ello usaremos un script que ocultará el formulario mientras que la casilla de verificación esté inactiva. En primer lugar antes de head configuraremos el script, después,, en el formulario configuraremos el”interruptor” y los datos que se ocultan o muestran:
<script type=”text/javascript”
src=”http://lineadecodigo.com/js/wforms/wforms.js”></script>
<style type=”text/css”>
.onstate-datos { display: block; }
.offstate-datos { display: none; }
</style>
</head>
<body>
<h1>Condicionar secciones</h1>
<form action=”#” method=”post”>
<input id=”activar” type=”checkbox” class=”switch-datos”/><label for=”activar”>Quiere dejarnos sus datos de la tarjeta</label><br>
<div class=”offstate-datos”>
<label for=”Sí”><input type=”button” value=”Continuar” name=”Continuar”></div>
<input type=”submit” value=”Enviar los datos”/>
</form>
De esta forma lo que esta contenido en offstate se activará al accionar switch.
No obstante si queremos ofrecer un contrato o advertencia decente, necesitamos conocer
una cosa más.
