js如何禁用表單中的所有文字框
本章節介紹一下如何禁用一個表達中的所有文字框,非常的簡單,直接看程式碼。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ var theform=document.getElementById("theform"); var texts=theform.getElementsByTagName("input"); for(var i=0;i<texts.length;i++){ if(texts[i].type=="text"){ texts[i].disabled = true; } } } </script> </head> <body> <form id="theform"> 姓名:<input type="text"/> 密碼:<input type="password"/> 地址:<input type="text"/> </form> </body> </html>
以上程式碼實現了我們的要求,實現原理非常的簡單,首先獲取form表單中的所有input標籤,但是並不是所有的input標籤都是文字框,比如還可能是密碼框或者核取方塊單選框等,所以需要使用type屬性進行一下判斷,如果是文字框就禁用。
相關閱讀:
1.getElementsByTagName()函式可以參閱document.getElementsByTagName()一章節。
2.disabled屬性可以參閱<input> disabled一章節。
相關文章
- JavaScript 禁用表單 所有文字框JavaScript
- js禁用頁面所有輸入框以及點選事件JS事件
- js如何獲取文字框內被選中的字串JS字串
- js實現的驗證表單文字框和密碼框是否為空程式碼JS密碼
- js獲取form表單下所有表單元素JSORM
- js 文字框插入JS
- JS實現簡單的判斷文字框長度JS
- js中文字框的事件JS事件
- javascript:讓表單文字框只讀,不可編輯的方法JavaScript
- 2.15 自定義表單文字框內容的格式 [iOS開發中的神兵利器]iOS
- 將選中的下拉選單值寫入文字框
- js新增刪除文字框JS
- 如何使用angularjs實現文字框設定值AngularJS
- 如何使用CSS設定文字框的邊框CSS
- javascript如何禁用點選回車提交表單JavaScript
- JavaScript帶下拉選單的文字框JavaScript
- js如何將表單中所有的元素設定為不可用JS
- 13種常用按鈕、文字框、表單等CSS樣式CSS
- 如何使用angularjs實現文字框獲取焦點AngularJS
- 文字框限制輸入字數的JSJS
- 點選文字框實現文字框內容選中效果
- 如何讓文字垂直居中對齊文字框
- 當文字框失去焦點即進行表單驗證簡單例項單例
- js選中指定位置文字框文字程式碼JS
- webdriver中利用js來向富文字框書寫內容WebJS
- JS 文字輸入框放大鏡效果JS
- Java 設定Word文字框中的文字旋轉方向Java
- Java 讀取Word文字框中的文字/圖片/表格Java
- 預設讓表單第一個input文字框獲取游標
- 如何在 Linux shell 中找出所有包含指定文字的檔案Linux
- Seam中的JSF表單驗證JS
- js如何禁用Backspace退格鍵JS
- C# 設定Word文字框中的文字旋轉方向C#
- js如何刪除select下拉選單的所有專案JS
- 文字框失去焦點即刻進行表單驗證程式碼例項
- css input文字框中的內容居中效果CSS
- js如何控制按鈕的禁用與可用JS
- js如何阻止表單提交簡單介紹JS