New Perspectives on HTML5, CSS3, and JavaScript 6th Edition by Patrick M. Carey - Test Bank

<input name=”Date” id=”register” />

<input name=”registerDate” id=”date” />

<input name=”registerDate” id=”register” type=”date” />

<input name=”registerDate” id=”date” type=”register” />

value=”value” step=”value” min=”value” max=”value” />

value=”value” set=”value” min=”value” max=”value” />

value=”value” size=”value” min=”value” max=”value” />

value=”value” area=”value” min=”value” max=”value” />

<form action=”url” method=”type” enctype=”type”>content

</form>

Here, the action attribute provides the location of the web server program that processes the form; the method attribute specifies how the browser should send form data to the server; and the enctype attribute specifies how the form data should be encoded as it is sent to the server. The method attribute has two possible values: get and post. The default is the get method, which tells the browser to append the form data to the end of the URL specified in the action attribute. The post method sends the form data in its own separate data stream. The enctype attribute has three possible values in predefined formats for a specific purpose.

​

Usability studies have shown that a single column layout is more accessible because the labels are placed more closely to their input controls. However, for long forms involving many fields, a single column layout can be difficult to work with due to the extensive vertical space required.

The width of an input box is set by adding the following size attribute to the input element in the HTML file as given below:

size=”chars”

Here, chars is the width of the input box in characters. For example, the following input element sets the width of the input box for a field to two characters:

<input id=”state” size=”2” type=”text” />

In put: invalid {

background-color: rgb (255, 232, 233);

}

On the other hand, the following style rule displays all the input elements containing valid data with a light green background:

input: valid {

background-color: rgb (220, 255, 220);

}

Both of these style rules set the background color whether the input element has the focus or not. Displaying a form full of input backgrounds with different background colors can be confusing and distracting to the user. As a result, it is better practice to highlight invalid field values only when those input controls have the focus, as shown in the following style rule that combines both the focus and invalid pseudo-classes:

input:focus:invalid {

background-color: rgb (255, 232, 233);

}

​