HTML Form Tag Tutorial (4):

name The name of the menu and list size The number of options to be displayed multiple Multiple selections of items in the list value Option value selected Default option File example: 11-16.htm
Insert menus and lists into your pages.
01 
02 
03 
04 
05 <title>
06 <head>
07 <title>Insert menus and lists</title>
08 </head>
09 <body>
10 <h1>User Survey</h1>
11 <Form action=mailto:[email protected] method=get name=invest>
12 Please select your favorite music:<br>
13 <select name="music" size=4 multiple>
14 <option value="rock" Selected>Rock music
15 <option value="pop">Pop
16 <option value="jazz">Jazz
17 <option value="nation">Folk Music
18 </select><br>
19 Please select the city where you live:<br>
20 <select name="city">
21 <option value="beijing" selected>Beijing
22 <option value="shanghai">Shanghai
23 <option value="nanjing">Nanjing
24 <option value="guangzhou">Guangzhou
25 </select>
26 <input type="submit" name="submit" value="Submit form">
27 </Form>
28 </body>
29 </html> Line 13 of the file description defines that the number of items displayed in the list is 4, and multiple selections are possible. Lines 14 to 17 define the options, with "Rock Music" being the default selection, line 20 defines the default number of menus, and lines 21 to 24 define the options, with "Beijing" being the default selection.

Suppose now you want to add an item like this to the form: Browse the city you are in. We are not talking about cities across the country here, there are dozens of cities above provincial capitals. It would be unthinkable to list all these cities on the web page in the form of radio buttons as mentioned above. Then menus and lists appear in the form's objects. After all, menus and lists are created primarily to save space on web pages. The menu is the most space-saving method. Under normal circumstances, you can only see one option. You can see all the options after clicking the button to open the menu. A list can display a certain number of options. If the number is exceeded, a scroll bar will automatically appear and the viewer can view each option by dragging the scroll bar. The <select> and <option> tags can be used to design menu and list effects on the page. Basic syntax01 <select name="name" size=value multiple> 02 <option value="value" selected>Option03 <option value="value">Option04 … 05 </select> The meanings of these attributes are shown in the following table	Menu and list markers	describe

<<: How to make ApacheBench support multi-url

>>: The role and opening of MySQL slow query log

Comprehensive analysis of isolation levels in MySQL

HTML Form Tag Tutorial (4):

Comprehensive analysis of isolation levels in MySQL

Detailed explanation of monitoring Jenkins process based on zabbix

The process of deploying and running countly-server in docker in win10

Ubuntu 16.04 image complete installation tutorial under VMware

The difference and advantages and disadvantages of Mysql primary key UUID and auto-increment primary key

js to call the network camera and handle common errors

Detailed explanation of simple snow effect example using JS

A few front-end practice summaries of Alipay's new homepage

MySQL database table and database partitioning strategy

How to implement rounded corners with CSS3 using JS

Recommend

Summary of some reasons why crontab scheduled tasks are not executed

MySQL index cardinality concept and usage examples

MySQL 4G memory server configuration optimization

How to use & and nohup in the background of Linux

How to build Jenkins+Maven+Git continuous integration environment on CentOS7

How to implement multiple parameters in el-dropdown in ElementUI

In-depth explanation of binlog in MySQL 8.0

Add and delete table information using javascript

Solve the problem that shutting down Tomcat using shutdown.bat will shut down other Tomcats

The neglected special effects of META tags (page transition effects)

linux exa command (better file display experience than ls)

Ubuntu 19.10 enables ssh service (detailed process)

Implementation of 2D and 3D transformation in CSS3

Detailed explanation of the problems and solutions encountered in flex multi-column layout

Thirty HTML coding guidelines for beginners