使用disabled与readonly将input设置为只读

发布时间:2020-10-21编辑:脚本学堂
本文介绍了通过disabled和readonly将input设置为只读效果,实现的效果都是只能读取不能编辑,掌握下disabled和readonly的用法,有需要的朋友做个参考。

有两种方式可以实现input的只读效果:disabledreadonly

自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同。

disabled说明该input无效,及其value不会传递给任何程序,比如asp、php等。
readonly仅仅是无法编辑,不影响其值的传递。

disabled使用:
 

复制代码 代码示例:
<input type="text" name="username" value="james" disabled>

 readonly使用:
 

复制代码 代码示例:
<input type="text" name="partnumber" value="1500" readonly>