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

青葉發表於2016-09-27

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

那麼具體如何操作呢?

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

圖片描述

相關文章