HTML中设置input等文本框为不可操作

在特定场景下,我们可能不允许用户操作或者更改表单项

那么具体如何操作呢?

在html中,我们大概有两种方法可以实现,或者说两个属性

分别为:

disabled=“disabled”
readonly=“true"
它们的区别在于
disabled:设置后,input区域为灰色,不可手动操作
readonly:设置后,除了不可手动操作后,其余和普通input无异

详情请参考如下代码和演示

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> </head> <body> <input type="text" readonly="true" value="demo1"> <br /> <input type="text" disabled="disabled" value="demo2"> </body> </html> 

相关文章