HTML and CSS Reference
In-Depth Information
figure 6-53
applying a number data type
default value of the
ordersPerMo n th field is 1
input box contains a number
values of the ordersPerMonth fiel d are
limited to the range 0 to 10 in steps of 1
3. Save your changes to the file.
You also want to create a style rule for this input box so that the box is
70 pixels wide.
4. Go to the forms.css file in your text editor and add the following style rule at the
bottom of the file (see Figure 6-54):
/* Number input box styles */
#ordersPerMonth {
width: 70px;
figure 6-54
style rule for the ordersPermonth field
sets the w idt h of the
input box to 70 pixels
5. Save your changes to the file and refresh survey.htm in your Web browser.
Figure 6-55 shows the appearance of the input box in the Opera browser.
figure 6-55
number spin box in the Opera browser
click the spin arrows to
increase and decrease
the numer ic value
between 0 and 10
Search WWH ::

Custom Search