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