El processament de les dades que els visitants envien al servidor després d'emplenar els formularis web és gestionat per un programa especial (script). Per tant, té sentit afegir camps a un formulari publicat en una pàgina web només si les funcions per treballar amb aquests camps estan programades a l'script. Si es compleix aquesta condició, queda per fer la part relativament senzilla del treball d'afegir etiquetes al codi font de la pàgina que formen els camps obligatoris.
És necessari
Coneixements bàsics d'HTML
Instruccions
Pas 1
L'editor de pàgines pot assumir l'operació de formar les etiquetes necessàries, si teniu l'oportunitat d'utilitzar el mode d'edició visual. Aquest editor pot ser una part integral del sistema de gestió de contingut: introduïu-lo i carregueu una pàgina amb un formulari en el qual s’han d’afegir nous camps. Utilitzeu les operacions de copiar i enganxar: seleccioneu i copieu un parell d’elements existents (el camp d’entrada i el text que s’hi associa) i, a continuació, feu clic a la pàgina on s’hauria de col·locar el camp addicional i enganxeu el copiat.
Pas 2
Després, editeu les propietats de cada element del parell per separat. Simplement seleccioneu la inscripció amb el ratolí i escriviu text nou i, per al camp d’entrada, utilitzeu el botó del tauler de l’editor que obre les seves propietats. A les propietats, com a mínim heu de canviar el valor del camp del nom; ha de correspondre al nom del camp programat a l'script de processament. Repetiu copiar / enganxar per al conjunt de camps requerit i desar la pàgina.
Pas 3
Si no hi ha accés a l'edició visual, obriu el codi font de la pàgina en qualsevol editor de text o especialitzat i afegiu-hi les etiquetes necessàries. Aquest mètode requereix cert coneixement de les tècniques de disseny de pàgines web i HTML. Per afegir un camp de text senzill al formulari, utilitzeu l'etiqueta d'entrada i afegiu el text de valor a l'atribut type. A més d'aquest atribut, només cal un nom; ha de contenir el nom d'aquest camp de formulari conegut per l'script del gestor. Mitjançant altres atributs, podeu establir el nombre de caràcters que determinen visualment la longitud del camp d’entrada (l’atribut size), el nombre màxim permès de caràcters (longitud màxima), els paràmetres d’estil (estil), la pertinença a la classe (classe), etc. Aquesta etiqueta es pot veure al codi, per exemple així:
Pas 4
Per a un camp de text de diverses línies, utilitzeu l'etiqueta textarea. Consta de dues parts: obertura i tancament. A la primera, heu d’establir el valor del nom i, mitjançant els atributs files i cols, podeu establir el nombre de files i columnes d’aquest element de formulari. Per exemple:
Pas 5
Altres tipus de camps de formulari poden ser caselles de selecció: per formar-les també utilitzeu l'etiqueta d'entrada, però, a diferència d'un camp de text d'una sola línia, especifiqueu el valor de la casella de selecció a l'atribut type. Si cal comprovar aquest element de formulari, afegiu l'atribut marcat a la seva etiqueta. Per exemple:
Pas 6
Per inserir un quadre de selecció al formulari i penjar un fitxer, utilitzeu la mateixa etiqueta d'entrada amb el valor del fitxer a l'atribut type. Per exemple:
Pas 7
Una construcció més complexa forma un camp amb una llista desplegable. Ha de contenir un parell d’etiquetes de selecció d’obertura i tancament. Col·loqueu parells d’etiquetes d’opció entre elles, especificant cadascuna una línia de selecció única. Les etiquetes d'obertura han de contenir l'atribut value (el seu valor es transmetrà al servidor) i, entre les parts d'obertura i tancament, col·loqueu el text que el visitant veurà en aquesta línia de la llista. Per exemple: Primera línia de selecció Segona línia de selecció Tercera línia de selecció
