Question

我有这个Select，但我不明白为什么requiered不能按预期工作。我希望它是readonly和强制性的。

<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php">
<select class="form-control" id="UnidadMedida" readonly name="cbmUnidadMedida" required> 
                                <option value="" selected="selected"></option>
                                <option value="Unidad">Unidad</option>
                                <option value="Kg">Kilogramo</option>
                                <option value="oz">Onzas</option>
                                <option value="l">Litro</option>
                                <option value="gal">Galon</option>
                                <option value="m">Metro</option>
                                <option value="min">Minuto</option>
                                <option value="h">Hora</option>
                                <option value="d">Dia</option>
                                <option value="ml">Mililitro</option>
                                <option value="g">Gramo</option>
                                <option value="t">Tonelada</option>
                                <option value="sp">Servicios Profesionales</option>
                                </select>
<input type="submit">
</form>

</body>
</html>

Answer 1

HTML中没有readonly属性用于选择。我不知道您是说disabled还是其他：（

您可以在此处检查有效属性： W3Schools

Answer 2

在Html5中不支持required和readonly

HTML中的select标记没有readonly attribute，只有一个 disabled属性。。因此，如果要阻止用户更改下拉菜单，则必须使用已禁用。

<body>

<form action="/action_page.php" >
<select class="form-control" id="UnidadMedida"  required> 
                                <option value="" selected="selected"></option>
                                <option value="Unidad">Unidad</option>
                                <option value="Kg">Kilogramo</option>
                                <option value="oz">Onzas</option>
                                <option value="l">Litro</option>
                                <option value="gal">Galon</option>
                                <option value="m">Metro</option>
                                <option value="min">Minuto</option>
                                <option value="h">Hora</option>
                                <option value="d">Dia</option>
                                <option value="ml">Mililitro</option>
                                <option value="g">Gramo</option>
                                <option value="t">Tonelada</option>
                                <option value="sp">Servicios Profesionales</option>
                                </select>
<input type="submit">
</form>



</body>

仅适用于（必需）选择标记

将选择下拉列表设为只读且必填

2 个答案: