HTML中設定input等文字框為不可操作

青葉發表於2016-09-27
原文網址 : https://segmentfault.com/a/1190000007025966?sort=votes
HTML

在特定場景下，我們可能不允許使用者操作或者更改表單項

那麼具體如何操作呢？

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

圖片描述

相關文章