Slide 9 - form § Session 03 - HTML (Forms & Tables), Introduction to CSS

form

Attributes

method ("get" or "post")
action (URL of server-side program to process submitted data/information)

Each element within a form has a name associated with it. When the information is sent back to the server, the CGI program will access the information by name. Thus, the front-end form and the back-end program must use the same names.

While exploring forms, it is useful to use a simple server-side script that simply echo back the name/value information your form submitted (https://cs12.net/form/submit.php).

Example 3.1 - Simple form - Example 3.1

Markup
Display


 <form method="post" action="https://cs12.net/form/submit.php">Email Address:
   <input type="text" name="email"/>

   <br/>

   <button type="submit">Submit   </button>
 </form>