Page 261 - Beginning PHP 5.3
P. 261

Chapter 9: Handling HTML Forms with PHP

                       Try It Out     Create an HTML Form
                         In this example, you create a Web form that contains a variety of form fields. Not only will you learn
                         how to create the various types of form fields, but you can see how the fields look and work in your
                         Web browser.
                         Save the following file as web_form.html in your document root folder, then open it in your browser
                         to see the form:


                             <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
                               “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
                             <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
                               <head>
                                 <title>An HTML Form</title>
                                 <link rel=”stylesheet” type=”text/css” href=”common.css” />
                               </head>
                               <body>
                                 <h1>An HTML Form</h1>
                                 <form action=”” method=”get”>
                                   <div style=”width: 25em;”>
                                     <label for=”textField”>A text input field</label>
                                     <input type=”text” name=”textField” id=”textField” value=”” />
                                     <label for=”passwordField”>A password field</label>
                                     <input type=”password” name=”passwordField” id=”passwordField”
                             value=”” />
                                     <label for=”checkboxField”>A checkbox field</label>
                                     <input type=”checkbox” name=”checkboxField” id=”checkboxField”
                             value=”yes” />
                                     <label for=”radioButtonField1”>A radio button field</label>
                                     <input type=”radio” name=”radioButtonField” id=”radioButtonField1”
                             value=”radio1” />
                                     <label for=”radioButtonField2”>Another radio button</label>
                                     <input type=”radio” name=”radioButtonField” id=”radioButtonField2”
                             value=”radio2” />
                                     <label for=”submitButton”>A submit button</label>
                                     <input type=”submit” name=”submitButton” id=”submitButton”
                             value=”Submit Form” />
                                     <label for=”resetButton”>A reset button</label>
                                     <input type=”reset” name=”resetButton” id=”resetButton”
                             value=”Reset Form” />
                                     <label for=”fileSelectField”>A file select field</label>
                                     <input type=”file” name=”fileSelectField” id=”fileSelectField”
                             value=”” />














                                                                                                         223





                                                                                                      9/21/09   7:23:32 PM
          c09.indd   223
          c09.indd   223                                                                              9/21/09   7:23:32 PM
   256   257   258   259   260   261   262   263   264   265   266