Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 94 - CodePilot V5.0 C8
P. 94

    <OPTION>Class 7</OPTION>

                      <OPTION>Class 8</OPTION>
                      </SELECT><BR><BR>
                      <LABEL FOR="subject">
                      Select Your Subject:</LABEL><BR>

                      <INPUT LIST="subjects"
                      NAME="SUBJECT" ID="subject">
                      <DATALIST ID="subjects">

                      <OPTION VALUE="Mathematics">
                      </OPTION>
                      <OPTION VALUE="Science"></OPTION>

                      <OPTION VALUE="English"></OPTION>
                      <OPTION VALUE="Social Science">
                      </OPTION>

                      <OPTION VALUE="Hindi"></OPTION>
                      <OPTION VALUE="Computer Science"></OPTION>
                      </DATALIST><BR><BR>

                      <LABEL FOR="message">Additional Notes (Optional):</LABEL><BR>
                      <TEXTAREA ROWS="4" COLS="40" ID="message"></TEXTAREA><BR><BR>

                      <INPUT TYPE="SUBMIT" VALUE="Submit">
                      <INPUT TYPE="RESET" VALUE="Reset">
                      </FORM>

                      </BODY>
                      </HTML>

                      USING CSS WITH FORMS
                      The appearance and layout of HTML forms can be significantly improved by using Cascading Style
                      Sheets (CSS).

                      The following table summarises the CSS properties that can be used to style the forms:

                           Property Name                  Value                             Description
                       PADDING                   Value in pixels          It adds space inside a form element.

                                                                          It  adds  space  outside  a  form element,
                                                 Value in pixels or       separating it from surrounding form elements.
                       MARGIN
                                                 auto                     The AUTO value is commonly used to centre
                                                                          elements horizontally.
                       BORDER                    Width Style Colour       It adds a border around an element.

                       92
                            CodePilot (V5.0)-VIII

| 89 90 91 92 93 94 95 96 97 98 99 |