Web Development and Design Foundations with XHTML, 5th Edition

(^360) Chapter 9 XHTML Forms
Figure 9.9
Scrolling text boxes
accept free-form
comments from
Web page visitors
The XHTML code follows:
Select your favorite browser:

<input type="radio" name="favbrowser" id="favIE"
value="IE" /> Internet Explorer

<input type="radio" name="favbrowser" id="favFirefox"
value="Firefox" /> Firefox

<input type="radio" name="favbrowser" id="favOpera"
value="Opera" /> Opera

Notice that the nameattributes all have the same value—favbrowser. This is what creates
the group. Each radio button in the same group can be uniquely identified by its value
attribute. Each radio button in the same group is configured with a different value.
Common radio button attributes are listed in Table 9.5.
Scrolling Text Box.The tag configures a scrolling text box. A scrolling<br /> text box is used for accepting free-form comments, questions, or descriptions. A sample<br /> scrolling text box is shown in Figure 9.9.<br /> Table 9.5Common radio button attributes<br /> Attribute Values Usage<br /> type radio Configures the radio button.<br /> name Alphanumeric, no spaces,<br /> begins with a letter<br /> Required. All radio buttons in a group must have the same name. This<br /> attribute also names the form element so that it can be easily accessed<br /> by client-side scripting languages or by server-side processing.<br /> id. Alphanumeric, no spaces,<br /> begins with a letter<br /> Provides a unique identifier for the form element.<br /> checked checked Configures the radio button to be selected by default when displayed<br /> by the browser.<br /> value Text or numeric characters Assigns a value to the radio button that is triggered when the radio<br /> button is selected. This should be a unique value for each radio but-<br /> ton in a group. This value can be accessed by client-side and by<br /> server-side processing.<br /> The XHTML code follows:<br /> Comments:<br /><br /> <textarea name="ordercomments" id="ordercomments" cols="40"<br /> rows="2">Enter your comments here
Notice that the tag is a container tag. The text that you place between<br /> the opening <textarea>and closing will be initially displayed in the
scrolling text box.