Tutorial sobre formularis HTML
Una característica comuna de llocs web que molts dissenyadors de pàgines web tenen grans lluites són formes. És possible que vulgueu afegir un formulari al vostre lloc web com una manera senzilla perquè les persones es posin en contacte amb vostès per formular preguntes o expressar un interès pels productes o serveis que oferiu. Malauradament, els tutorials en línia sobre com afegir formularis complexos al lloc pot ser confús i convertir els nous professionals de la web fora.
Els formularis web no han de ser difícils de treballar, fins i tot per als nous webbies.
Els formularis de Mailto són una forma senzilla de fer que les formes funcionin. Confien en clients de correu electrònic per enviar les dades del formulari de l'ordinador del client al propietari del formulari. Les dades de formulari que l'usuari del lloc web completen és el correu electrònic a una adreça específica tal com s'especifica a la codificació del formulari.
Si sou nou en el disseny web i no sabeu com programar interaccions més complexes o si esteu executant un petit lloc web i només voleu una forma senzilla d'afegir un formulari, teniu una forma de correu electrònic com a formulari de contacte molt més fàcil que aprendre a escriure PHP. També és més econòmic que comprar un guió pre escrit per fer-ho per vosaltres.
Amb aquest ràpid tutorial, aprèn a utilitzar els formularis mailto. Fins i tot si mai no ho heu fet abans, dominar la tècnica és fàcil i sens dubte en l'àmbit del "disseny web inicial".
Començant
Els formularis HTML poden ser un desafiament per als nous desenvolupadors web, ja que requereixen més que només l'aprenentatge d'etiquetes HTML. A més dels elements HTML necessaris per crear els formularis i els seus camps, també haureu de tenir alguna manera d'obtenir el formulari per "treballar". Normalment, això requereix accés a un script CGI o a un altre programa per crear-lo en l'atribut "action" del formulari.
Aquesta acció és la forma en què el formulari processa les dades i què fa amb ell després (escriu a una base de dades, envia un correu electrònic, etc.)
Si no teniu accés a un script que faci que la vostra forma funcioni, hi ha una acció de formulari que els navegadors més moderns admeten.
action = " mailto: youremailaddress "
Aquesta és una manera senzilla d'obtenir les dades del formulari del vostre lloc web al vostre correu electrònic.
És cert que aquesta solució és molt limitada en el que pot fer, però per a llocs web molt petits, és un bon lloc per començar.
Trucs per utilitzar Mailto Forms
Utilitzeu l'atribut enctype = "text / plain"
Això indica al navegador així com al client de correu electrònic que el formulari envia text pla en lloc de qualsevol cosa més complicada. Alguns navegadors i clients de correu electrònic envien dades de formulari codificades per a pàgines web . Això vol dir que les dades s'envien com una línia llarga, els espais es reemplacen per plus (+) i es codifiquen altres caràcters. L'ús de l'atribut enctype = "text / plain" ajuda a fer que les dades siguin més fàcils de llegir.
Utilitzeu el mètode GET o POST
Encara que el mètode POST de vegades funciona, sovint només fa que el navegador obri una finestra de correu electrònic en blanc. Si us passa amb el mètode GET, proveu de canviar a POST.
Formulari de mostreig de mostreig
Aquí teniu un formulari de mostra usant l'acció mailto (nota: això és un marcat molt senzill). Idealment, codificaríeu aquests camps de formulari amb més marcatge i elements semàntics, però aquest exemple és suficient per a l'abast d'aquest tutorial:
El vostre nom:
El vostre cognom:
Comentaris:
form>
Els vostres clients veuran un missatge que indica que el formulari s'envia per correu electrònic. Així donen els resultats:
first_name = Jennifer
last_name = Kyrnin
comentaris = Hola!
Nota especial sobre els formularis de correu
Un cop més, aquest mètode, tot i que és fàcil, també és molt limitat. Òbviament, és important tenir en compte que els formularis mailto no sempre funcionen per a totes les combinacions de navegadors i clients de correu electrònic. Si heu intentat utilitzar un formulari de correu electrònic i no ha tingut èxit, pot ser que hi hagi alguna combinació de tecnologia que faci que la funció falli. Per obtenir informació més detallada sobre el que possiblement interfereixi amb el vostre intent d'utilitzar aquest formulari, consulteu " Quan els formularis Mailto no funcionen ".
Tot i que aquest mètode és un bon primer intent de crear formularis web que generen un correu electrònic i envien dades de formularis, a mesura que avanci en les seves habilitats web, segur que voleu explorar opcions més robustes. Des de scripts CGI fins a formularis PHP a plataformes CMS que tenen widgets integrats en forma, teniu moltes opcions avançades a tenir en compte per a les vostres necessitats futures del formulari de lloc web.
Article original de Jennifer Krynin. Editat per Jeremy Girard el 17/09/17