Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 95 - CodePilot V5.0 C8
P. 95

    Property Name                  Value                            Description
                                                Value in pixels or
                     BORDER-RADIUS                                       It adds rounded corners to a form element.
                                                percentage
                                                Value in pixels or
                     WIDTH                                               It sets the width of a form element.
                                                percentage

                                                Value in pixels or
                     HEIGHT                                              It sets the height of a form element.
                                                percentage
                                                NORMAL, BOLD,
                     FONT-WEIGHT                                         It sets the thickness of the font.
                                                BOLDER or LIGHTER
                                                LEFT, RIGHT, CENTER,  It sets the horizontal alignment of text within
                     TEXT-ALIGN
                                                JUSTIFY                  an element.

                                                Colour name,
                     BACKGROUND-COLOR                                    It sets the background colour of an element.
                                                Hexadecimal value
                                                Value in pixels or
                     FONT-SIZE                                           It sets the size of the font for the element.
                                                percentage
                                                Colour name,
                     COLOR                                               It sets the colour of the text in an element.
                                                Hexadecimal value

                     The following code uses the CSS properties to style and improve the appearance of the
                     HTML form:

                     <!DOCTYPE HTML>
                     <HTML>

                     <HEAD>
                     <TITLE>Sports Registration Form</TITLE>
                     <STYLE>

                     LABEL {FONT-WEIGHT: BOLD;}

                     INPUT, SELECT, TEXTAREA {WIDTH: 95%;PADDING: 10PX;BORDER: 1PX SOLID
                     #ccc;BORDER-RADIUS: 5PX;}
                     SELECT {WIDTH: 100%;PADDING: 10PX;}
                     </STYLE>

                     </HEAD>

                     <BODY STYLE="FONT-FAMILY: Arial, sans-serif; BACKGROUND-COLOR:
                     #e3f2fd;">
                     <H2 STYLE="TEXT-ALIGN: CENTER; COLOR: #4caf50;">Sports Registration
                     Form</H2>

                     <HR SIZE="2" COLOR="#4CAF50"><BR>
                     <FORM STYLE="BACKGROUND-COLOR: #ffffff; PADDING: 20PX; BORDER-RADIUS:

                                                                                                                      93
                                                                                            Frames and Forms in HTML5

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