在html中,可以通過(guò)給文本框元素(input或textarea)設(shè)置readonly屬性來(lái)實(shí)現(xiàn)只讀功能,語(yǔ)法“”或“”。

本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
在html中,文本框元素有兩種:
想要讓文本框只讀,只需要給文本框元素設(shè)置readonly屬性即可。
readonly 屬性是一個(gè)布爾屬性。
readonly 屬性規(guī)定文本區(qū)域?yàn)橹蛔x。
在只讀的文本區(qū)域中,無(wú)法對(duì)內(nèi)容進(jìn)行修改,但用戶(hù)可以通過(guò) tab 鍵切換到該控件,選取或復(fù)制其中的內(nèi)容。
可以設(shè)置 readonly 屬性,直到滿足某些條件(比如選擇一個(gè)復(fù)選框),才恢復(fù)用戶(hù)對(duì)該文本區(qū)域的使用。然后,可以使用 JavaScript 來(lái)移除 readonly 屬性的值,以使文本區(qū)域變?yōu)榭删庉嫚顟B(tài)。
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<input type="text" value="測(cè)試文本"/><br>
<input type="text" value="測(cè)試文本" readonly="readonly"/>
<hr>
<textarea>測(cè)試文本</textarea><br>
<textarea readonly>測(cè)試文本</textarea>
</body>
</html>


推薦教程:《html視頻教程》
以上是html文本框怎么設(shè)置只讀的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!