HTML input的disabled属性，应用场景，实例在线编辑

HTML input的disabled属性

HTML表单中的input的disabled属性，可以用来设置输入字段为禁用的，即不可点击，也可不是用，更不会跟随表单被提交。那么这样设置了disabled属性的input有什么用？其使用场景是什么？

disabled属性应用场景

想想，现在很多的自媒体平台都鼓励用户能够多创作，多登录，会将一些高等级用户才会获得的奖励机制或文章推广技能一并呈现出来，但是是不能“解锁”的，只有等到创作的积分达到了才能“解锁”，那么平台为什么要将不能解锁，不能使用的奖励机制或特殊的文章发布技能呢？很显然，就是为了鼓励用户能够进行更多的创作。这其中的前端便应用到了HTML表单input中的disabled属性。

disabled属性值

disabled或disabled = 'disabled'

disabled属性实例代码，及在线编辑器

<form>
  <p>xxx技能，解锁该技能后，发布的文章就可以得到更好的推广了。</p>
  <input type='submit' value='解锁' disabled>
</form>

hot：热门