Today’s topics are forms and Dreamweaver, and HTML5. Reading is HTML & CSS chapters 7 (forms) and 14 (CSS for forms).
Form action: You can set action="http://www.lasalle.edu/cgi-bin/mailapp?beatty" in your form and it will send me an e-mail. You may need to add an encryption type: enctype=""x-www-form-urlencoded". We can test it later as you develop your site. SO your form would read: <form name="whatever" method="post" action="http://www.lasalle.edu/cgi-bin/mailapp?beatty" enctype="x-www-form-urlencoded">Here is a form demo (XHTML), and the layout we worked on in class.
and a good tutorial from MDN (Mozilla Developer Network). Think about how you could add CSS to forms to style input fields, buttons, etc., e.g. input {background-color: #123456;}. And here is one about why the ACTION="mailto:email@abc.com" doesn’t always work, and an article on user-friendly forms.Here is a demo of some of the new HTML5 form inputs (check the source code) and an HTML5 form that I did (check in webkit, i.e. Safari or Chrome).
There are a few services that promise free forms server-side processing such as Response-o-matic.
Site maintained by John Beatty