MySQL-driven Web Site Construction (Cont.)

  1. Web User Interface Construction
  2. (X)HTML is short for (eXtensible) HyperText Markup Language, the authoring language used to create documents on the World Wide Web. (X)HTML defines the structure and layout of a web document by using a variety of tags and attributes.

    ~/public_html/course/525/3/a4.html   (HTML)   (text)
    <html>
       ...
     <form method="post" action="ListTitles.php">
      Book title word:
      <input type="text"   name="title" value="Web" size="32">
      <input type="submit" name="act"   value="List the titles">
      <input type="submit" name="act"   value="Help">
      <input type="reset"               value="Reset">
     </form>
       ...
    </html>
    http://undcemcs01.und.edu/~wen.chen.hu/course/525/3/a4.html


      Book title word:    

                     


    http://undcemcs01.und.edu/~wen.chen.hu/course/525/3/ListTitles.php

    HTML FORM is used to select different kinds of user input. A form is an area that can contain form elements. Form elements are elements that allow the user to enter information (like text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.) in a form.

    • type="text": It specifies a single line text entry field within the form that contains it.
    • type="submit": When the user clicks on the button, the form is submitted.
    • type="reset": When the user clicks on the button, all the fields in the form are reset to their initial values.



      Francesca hit it out of the park (performed extremely well)    
      with her speech today. It was fabulous.