项目场景:
页面表单select标签,提示客户选择
问题描述
Select标签并没有placeholder属性,无法像input标签那样设置属性提示。
<select class="form-control-sm form-control" style="height:31px;" >
<option value="" disabled selected hidden>请选择是否启用</option>
</select>
原因分析:
要给客户提示,同时不给客户选择
添加一个option选项是可以给出提示的,但是客户可以选择这个option,会造成结果的不正确。
解决方案:
将提示的option设置为 不启用 disabled 默认选中 selected 隐藏无法选中 hidden
这样在页面第一次加载时,因为selected属性会默认选中并显示,客户点击select标签去选择时,出现的下拉列表中因为hidden属性不会显示。