layui input只读属性是什么？

layui input只读属性是什么？

layui input只读属性是readonly。

readonly 属性规定输入字段为只读。

只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。

readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。

readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。

拓展：

layui表单控件禁用属性：readonly VS disabled

从字面意思我们可以知道，readonly属性的控件是”只读”的，而disabled是”被禁用”的。功能都是让控件不可编辑，主要区别：

1、提交表单时，是否提交到服务器端

只读的控件(使用了readonly属性的控件)是用户不可以用鼠标和键盘修改其值的，但是程序员可以用javascript来修改，当提交表单的时候这个控件的名和值会提交到服务器，也就是说对服务器是可见的。

而被禁用的控件(使用了disabled属性的控件)不但用户不可以用鼠标和键盘修改，而且是对服务器不可见的，即提交表单的时候其名和值不会提交到服务器，当然，程序员也可以用javascript来修改其值。

2、显示

Disable显示会灰化，readonly不会。

备注：

disabled=""

Readonly=“true”

更多web前端知识，请查阅 HTML中文网 ！！

以上就是layui input只读属性是什么？的详细内容，更多请关注0133技术站其它相关文章！