今天鼓捣网页，弄个下拉菜单，就是那种点一下出来一堆选项的玩意。这东西在HTML里叫<select>标签，里面的每个选项就是一个<option>标签。
我一开始是这么写的：
<select>
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橘子</option>
</select>
这样弄完，浏览器里是能显示出来，也能选。但是，每次打开网页，它默认都显示第一个“苹果”，可我想要它默认显示“香蕉”，这咋整？
我就去网上搜一下，发现挺简单的。只要在想要默认显示的那个<option>标签里，加上一个selected就完事。
于是我就把代码改成这样：
<select>
<option value="apple">苹果</option>
<option value="banana" selected>香蕉</option>
<option value="orange">橘子</option>
</select>
保存，刷新页面，成！现在默认显示的就是“香蕉”。
后来我又想搞点花样。我希望在最上面加一个提示性的选项，告诉用户这里是选水果的，但这个选项不能被用户选中。我又去查查，发现用disabled属性就能搞定。
我的代码就变成这样：
<select>
<option value="" disabled selected>请选择水果</option>
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橘子</option>
</select>
这样，第一个选项“请选择水果”就成一个灰色的、不能点的提示，而且因为加selected，页面加载时默认显示的就是它。完美！
今天就折腾这么个小东西，还挺有意思的。主要是觉得这个selected和disabled属性用起来很方便，以后做网页下拉菜单的时候，再也不用担心默认值的问题。