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


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来怎样通过disabled和readonly将input设置为只读效果,通过disabled和readonly将input设置为只读效果的注意事项有哪些,下面就是实战案例,一起来看一下。

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

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

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

1

2

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

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

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

相关阅读:

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

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

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

Button有几种Click响应方法

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

以上就是怎样通过disabled和readonly将input设置为只读效果的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html5 input 类型的详细介绍以及实例代码

input,button,textarea等表单元素防止重复点击

html如何让input隐藏

jquery给元素设置/取消readonly和disabled属性

html如何修改日期样式

如何使用css对td中input的宽度设置

input标签是什么意思

jquery怎么判断input是否为空

type="file"的input框样式应该如何操作

css/html如何设置readonly

更多相关阅读请进入《readonly》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...