Web Programming with HTML5, CSS, and JavaScript

10.14 Dormitory Blog Web Page

Let’s put what we’ve learned about the textarea control into practice in the context of a complete web page. See the Dormitory Blog web page in FIGURE 10.18A. The large box under the main heading is a read-only textarea control that displays a collection of comments about Park University’s dorms. The box under “Select a dorm” is a pull-down menu. We’ll cover pull-down menus in the next section. For now, just realize that when the user clicks the pull-down menu’s down arrow, a list of dorm names appears. The user then selects a dorm from the list. The box under “Your comment” is a textarea control where the user enters a comment about the selected dorm. Because the pull-down menu and the “Your comment” textarea ...