在HTML中,文本框是一種常見的表單元素,它允許用戶輸入文本或選擇文本。但有時候我們不想讓用戶修改文本框中的內容,這時就需要設置文本框為只讀模式。
<input type="text" value="只讀文本框" readonly>
上述代碼中,我們使用了“readonly”屬性,將文本框設置為只讀模式。用戶可以查看文本框中的內容,但無法修改它。
如果我們想在代碼中動態設置文本框的只讀屬性,可以使用JavaScript。例如:
// 獲取文本框元素
var textBox = document.getElementById("myTextBox");
// 設置只讀屬性
textBox.readOnly = true;
通過這段代碼,我們獲取ID為“myTextBox”的文本框元素,并將其設置為只讀模式。同樣地,用戶無法修改它。
需要注意的是,只讀文本框的值仍然可以通過JavaScript修改。如果您需要完全禁止修改文本框的值,應該使用disabled屬性代替readonly屬性。
<input type="text" value="禁用文本框" disabled>
以上是HTML中設置文本框只讀的方法。通過設置只讀或禁用屬性,我們可以靈活地控制文本框的可編輯性。
下一篇Css3圓弧背景