What is the best practice to pre-select an <option> in a <select>?
According to different websites, both works. But which one is better? the most compatible?
<option selected="selected">Foo</option>
<option selected>Bar</option>
If you are writing XHTML, selected="selected" is required.
If you are writing HTML, selected is fewer keystrokes and fewer bytes.
Neither has better compatibility with browsers.
According to the HTML4 standard, using selected implies it is selected="selected". So the standard already defines both are supported. Their code sample already includes a code block just using selected.
For compatibility with XHTML (specifically XML is the 'problem' here), there is a selected="selected" option.
HTML5 also defines selected on its own is valid, so no need to worry.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With