How to add two values ​​to HTML option tag? Usage analysis of option tag

This article mainly talks about the usage examples of HTML option tags, how to add two value values, and finally there is an answer to common questions. I hope it can help everyone. Okay, let’s take a look at this now. Let’s write an article about the HTML option tag

First, let’s take a look at the meaning of the HTML option tag:

The option element defines an option (an item) in the drop-down list.

The browser displays the content in the tag as a menu or an element in the scrolling list of the tag.

The option element is located inside the select element.

HTML option tag usage tips:

Tips: The tag can be used without any attributes, but you usually need to use value Property that indicates the content being sent to the server.

Tips: Please use this tag in conjunction with the select element, otherwise this tag is meaningless.

Tip: If there are many options in the list, you can use the tag to combine related options.

Having said so much, let’s look at the question. How to add two values ​​to the option tag. Here is an example:

Create a selection list with 2 options:

<select>
  <option value ="volvo">Volvo（第一个value）</option>
  <option value ="saab">Saab（第一个value）</option>
</select>

So what about the renderings? Here:

Look, there is another one after clicking it. This is the selection list of the option tag

We Next, let’s look at a question and answer about HTML option tags:

<select><optionvalue="A">B</option></select>

What do “A” and “B” stand for?

HTML option tag question answer:

A is actually passed to the background form handler

B is the content displayed on the web page

For example, this:

<select >
<option value = "class1">这是要传给后台表单处理程序的</option>
</select>

Display on the web page "This is to be passed to the background form handler"

It is class1 that is passed to the background program

This way There are two benefits:

1. Reduce form transmission data, which may avoid some Chinese encoding problems

2. If you want to change the display content in the future, you don’t need to modify the background program

[Editor’s Recommendation]

How to write a relative path for the base tag in HTML? (Introduction to use included)

#html How to use the base tag? How to use the base tag (with examples)

The above is the detailed content of How to add two values ​​to HTML option tag? Usage analysis of option tag. For more information, please follow other related articles on the PHP Chinese website!