码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-03-30 19:38:50      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:doctype   表单   方法   rap   content   ext   实现   meta   led   

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

那么具体如何操作呢?

在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>  

技术图片

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

标签:doctype   表单   方法   rap   content   ext   实现   meta   led   

原文地址:https://www.cnblogs.com/homehtml/p/12600477.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!