Aquí podrà veure exemples de formularis i com es fan amb el DW. S'ha inserit:
(1)Formulari mètode POST i acció mailto:e-mail + 3 camp de text
(admet size-mida-)
(2)Casella de verificació
(3)Botó d'opció o selecció : si els noms de dos o més d'aquests botons és igual, la selecció serà única (no podrà ser múltiple)

Tipus de formularis

(4) Botó : Acció per defecte enviar
( 'submit' ) però també podem seleccionar restablir valors inicials ('reset')
Seleccionat formulari -rectangle de ratlles vermelles-, amb el botó dret es pot accedir al nom (per defecte form1, form2 ... noms que podem canviar-lo) / mètode / editar etiqueta

Usuari :

(1)1r Cognom   2n Cognom   Nom
(2)Cliqui sobre la casella, si s'escau :  És major d'edat   Està casat    Té fills   
(3)Cliqui sobre la que consideri millor marca de cotxe -només una marca-:
    Cap d'aquestes / Renault / Citroen /Ford / Audi / Seat
(3)Assenyali quins d'aquests electrodomèstics té a casa seva :
     Nevera     / Televisió    / Microones   / Rentadora    / Cadena Hi-Fi   / Ordinador
(4)

1r Cognom    Home   Dona

Així no funciona com a formulari, encara que en el Dreamweaver ho visualitzi com tal; cal insertar formulari : línies vermelles que posen el <form> i </form> Al clicar sobre la línia vermella que indica formulari, aquest es selecciona i amb el botó dret en podem veure les propietats i el mètode associat
Es molt important l'acció que s'ha de fer segons l'event, es a dir el comportament. Amb F1 s'accedix a l'ajuda del DW i es pot veure els events i escriure amb JavaScript l'acció associada. Amb Majús-F3 s'accedeix als comportaments.Per exemple podriem fer un formulari com a llista desplegable que ens portes a les diverses pàgines web només seleccionar element de la llista
Per això cal
  1. Insertar fomulari
  2. Insertar objecte de formulari Llista/menú de nom PWeb : valors de la la llista
    Seleccioni aquí (Opció Seleccionada inicialment) i valor 0
    Institut Salvat Papasseit i en valor l'adreça corresponent
    XTEC i en valor l'adreça corresponent
  3. Afegir a Select l'event i l'acció; el codi següent : onChange="if (this.form.PWeb.options[this.form.PWeb.selectedIndex].value != '0') window.parent.location=this.form.PWeb.options[this.form.PWeb.selectedIndex].value;" on el name es PWeb
  4. Seleccionada la casella del formulari anterior, amb Majús-F3 podem veure l'event onChange, seleccionant-lo apareix la icona d'una llista en la qual hi ha tres possibilitats : podeu provar les altres dos events onBlur i onFocus i veure el seu comportament ...


Aquest cas, semblant a l'anterior, però a més de seleccionar, cal clicar el botó Entrar per canviar a la nova plana.

Els dos últims formularis el DW4 els pot fer amb opció Insertar > Objeto de formulario : Menú de salto, pèro en aquest cas DW4 defineix automàticament una funció JavaScript que es posa a la capçalera HEAD -entre els tags corrresponents d'obertura i tancament-. Pot fer-se que al tornar quedi seleccionat la primera opció 'Seleccioni aquí' tal com es pot veure en la següent plana generada per DW4 a partir del menú esmentat.

Per veure-ho cliqui : Pàgina amb menus de salt