当前位置:首页 > 行业动态 > 正文

html禁止单选如何写

在HTML中,要禁止单选,可以使用<input>标签的type="radio"属性,并将其disabled属性设置为true,这样,用户就无法选择该选项了,以下是一个详细的示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>禁止单选示例</title>
</head>
<body>
    <h1>禁止单选示例</h1>
    <table border="1">
        <tr>
            <th>选项</th>
            <th>操作</th>
        </tr>
        <tr>
            <td><input type="radio" name="option" value="A" disabled></td>
            <td>禁用选项A</td>
        </tr>
        <tr>
            <td><input type="radio" name="option" value="B" disabled></td>
            <td>禁用选项B</td>
        </tr>
        <tr>
            <td><input type="radio" name="option" value="C" disabled></td>
            <td>禁用选项C</td>
        </tr>
    </table>
</body>
</html>

在这个示例中,我们创建了一个包含三个单选按钮的表格,每个按钮都有一个name属性,以便它们可以一起工作,我们将每个按钮的disabled属性设置为true,以禁用它们,用户将无法选择这些选项。

0