Page 94 - CodePilot V5.0 C8

<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