Home >Web Front-end >HTML Tutorial >HTML learning summary 8_html/css_WEB-ITnose
1. Create a list
For situations involving many options, you can consider a list, which also becomes a menu. Lists can contain as many options as they want while taking up very little space on the form.
To create a list, start with a double-sided
Color:
By default, the form result will return the selected text. If you want to return different content, you can include the value attribute in the opening option tag.
To display the list in the format shown above, you can enclose a group of options with the
🎜> 1405
lt;option>SuperLaser Value Edition< ;/option>
2. Input types added in HTML5
HTML5 provides some input types that can make the form more beautiful. If the user's browser does not support these types, they will be displayed as text areas, so you can freely use these types without worrying about upward compatibility issues. < ;input type="number" name="copies" min="0" max="100" step="1" value="1">
min and max control the minimum and maximum values respectively , the step attribute specifies that when the user clicks the up or down arrow button, the value increases or decreases each time. The value attribute defines the default value.
A slider is a sliding bar that you can slide to move from one side to the other. Its type is range, and its properties are almost the same as the rotation box.
For standard dates, use type="date". This allows the user to select a specified date from the calendar. You can also use any of the following types to select other dates or time-related choices