html禁止标签被点击

CSS, HTML / 2021年7月16日 / hamster

对于<button><select><input>标签来说，禁止点击只需要加上disabled即可

<button disabled="disabled">提交</button>

<select>
    <option disabled="true">111</option>
    <option>333</option>
    <option>222</option>
</select>

<input type="radio" name="radio">
<input type="radio" name="radio" disabled="true">
<input type="radio" name="radio">

<input type="checkbox" name="radio">
<input type="checkbox" name="radio" disabled="true">
<input type="checkbox" name="radio">

可面对其他标签时，disabled就失效了，这时我们就需要用到css了。

<a href="#" style="pointer-events: none;">dianji</a>

pointer-events: none;

只需要上方代码，就能禁用标签，同样避免标签被JS所调用。

CSS