Home > Article > Web Front-end > How to set html select to not be selected by default
How to set html select to not be selected by default
- WBOYOriginal
- 2021-12-24 14:51:118563browse
Setting method: 1. Set the first option tag in the select tag to empty; 2. Add the "display:none" style to the empty option tag to set the select to not be selected by default. The syntax is "
The operating environment of this tutorial: Windows 10 system, HTML5 version, Dell G3 computer.
htmlHow to set select to not be selected by default
By default, the select tag will select the first value as the default value, of course we can also Define the default value yourself. But our current requirement is not to select any default value. There is a better method that does not affect the appearance or user experience. The method is as follows:
<html> <body> <select> <option style='display: none'></option> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select> </body> </html>
Output result:
Set a style for the first option: display: none and set it to a null value to solve the problem
Recommended tutorial: "html video tutorial"
The above is the detailed content of How to set html select to not be selected by default. For more information, please follow other related articles on the PHP Chinese website!