|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 如何禁止或啟用文本框輸入?本篇文章就給大家介紹使用純js實現禁止或啟用文本框輸入的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對你們有所幫助。在js中實現禁止或啟用文本框輸入其實很簡單,只有使用disabled 屬性就可以實現功能。我們來看看disabled 屬性的相關知識。 disabled 屬性可用于設置或返回是否禁用單選按鈕。 基本語法: radioObject.disabled=true|false false:表示啟用文本框輸入; true:表示禁止文本框輸入。 下面我們通過簡單示例來介紹js如何使用disabled 屬性來實現禁止或啟用文本框輸入? 思路: 1)使用getElementById()獲取文本字段 2)使用按鈕激發啟用或禁用文本字段輸入的函數:enable()和disable()函數 3)利用enable()和disable()函數將文本框的disabled 字段設置為true或false 實現代碼: <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>如何使用JavaScript啟用或禁用輸入</title>
</head>
<body>
<h2>使用JavaScript啟用和禁用文本字段</h2>
<form id="registration-form">
輸入您的姓名:
<input type="text" id="name">
</form><br />
<button onclick="disable()">禁用文本字段</button>
<button onclick="enable()">啟用文本字段</button>
<script>
function disable(){
//
document.getElementById("name").disabled=true;
}
function enable(){
document.getElementById("name").disabled = false;
}
</script>
</body>
</html>運行效果:
單擊“禁用文本字段”按鈕時,將調用disable()函數,文本字段的禁用屬性disabled將設置為true,這意味著你無法再在此文本字段中輸入文本,它將被禁用了。 單擊“啟用文本字段”按鈕將重新啟用文本字段,它可以調用enable()函數,該函數將disabled屬性重置為false。 以上就是本篇文章的全部內容,希望能對大家的學習有所幫助。更多相關視頻教程推薦:JavaScript教程! 以上就是js怎么禁止或啟用文本框輸入的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!