欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

怎样通过disabled和readonly将input设置为只读效果

程序员文章站 2022-03-08 22:15:58
...
这次给大家带来怎样通过disabled和readonly将input设置为只读效果,通过disabled和readonly将input设置为只读效果的注意事项有哪些,下面就是实战案例,一起来看一下。

有两种方式可以实现input的只读效果:disabled 和 readonly。

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

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

Disabled使用:<INPUT type="text" name="username" value="james" disabled> 
Readonly使用:<INPUT type="text" name="partNumber" value="1500" readonly>

相信看了这些案例你已经掌握了方法,更多精彩请关注其它相关文章!

相关阅读:

a标签的href属性与onclick事件应该如何使用

html怎样借助marquee实现文字左右滚动

单选和多选按钮如何给图片加样式

Button有几种Click响应方法

HTML中禁用表单控件有几种方法

以上就是怎样通过disabled和readonly将input设置为只读效果的详细内容,更多请关注其它相关文章!