选择标记的占位符
这个问题在这里已经有了答案：
编辑：这在我写的时候确实有用，但正如Blexen指出的那样，它不在规范中。
添加一个选项，如下所示：
<option default>Select Your Beverage</option>
正确的方法是：
<option selected="selected">Select Your Beverage</option>
根据Mozilla开发者网络， placeholder不是<select>输入中的有效属性。
相反，请添加一个具有空value和selected属性的选项，如下所示。 空value属性是强制性的，以防止使用<option>的内容作为<option>的值的默认行为。
<select>
<option value="" selected>select your beverage</option>
<option value="tea">Tea</option>
<option value="coffee">Coffee</option>
<option value="soda">Soda</option>
</select>
在现代浏览器中，向<select>元素添加required属性将不允许用户提交元素所属的表单，如果所选选项具有空值。
如果您想在列表中设置默认选项（在单击该元素时显示），那么支持的CSS属性数量有限。 color和background-color是最安全的两个投注，其他CSS属性可能会被忽略。
在我的选择中，标记默认选项的最佳方式（使用HTML5）是使用自定义data-*属性data-*以下是如何将默认选项设置为灰色的方式：
select option[data-default] {
color: #888;
}<select>
<option value="" selected data-default>select your beverage</option>
<option value="tea">Tea</option>
<option value="coffee">Coffee</option>
<option value="soda">Soda</option>
</select><select>
<option selected="selected" class="Country">Country Name</option>
<option value="1">India</option>
<option value="2">us</option>
</select>
.country
{
display:none;
}
</style>