HTML頁面表單控制項的包裝類

2021-06-03 20:38:37 字數 1266 閱讀 1390

眾所周知我們經常需要給頁面的表單賦值或設定,有時候需要批量設定.

但是一些表單的賦值操作可能不一樣,利用jquery或者其他工具可以統一解決這個問題

另外的辦法就是把這些表單控制項用乙個類包裝起來,然後提供統一的方法來呼叫,這樣就可以直接操作這些包裝類了.

下面是我的實現方法:

測試檔案:test.html

input

radio

checkbox

select

textarea

lib.js 這是乙個工具類

;(function() 年月日',);

* return: 2023年09月15日

*/format:function(str,obj)", "g"), obj[key]);

}return str;}};

var lib = ;

f.prototype = superclass.prototype;

subclass.prototype = new f();

subclass.prototype.constructor = subclass;

subclass.superclass = superclass.prototype;

if(superclass.prototype.constructor == object.prototype.constructor)

}/**

* 呼叫父類的建構函式

* @param subclass 子類函式名

* @param subinstance 子類物件引用

*/,callsuper:function(subclass,subinstance)';

return new jstring(str).tostring();

}// textarea

var formtextarea = function(id)

class.extend(formtextarea,formvalue);

包裝類的定義採用物件導向的方式,這樣的設計思路把公共部分都抽取出來,有些控制項只需宣告一下就可以了.如:

var formtextarea = function(id) 

class.extend(formtextarea,formvalue);

只要簡單的兩句,其它功能都封裝在父類裡面了

html 表單控制項

表單,用於向其他頁面傳遞資料。乙個例子 標籤屬性 action 規定當提交表單時向何處傳送表單資料 method 僅能為get或post。name 此表單的名稱。表單能夠包含 input 元素,比如文字字段核取方塊 單選框 提交按鈕等等。url中 問號後面的引數會出現在query string pa...

html 表單的控制項小節

三種輸入框 文字框 密碼框 多行文字框 隱藏文字框 小節 除了多行文字框外,其他三種不同型別的文字框都是通過設定屬性 type 的值而達到型別不一樣的。選擇 通過按鈕的選擇 單選按鈕,舉例用在註冊資訊裡的選擇性別 女 男,需要注意的事,這裡的屬性 name 的值的設定應該相同。核取方塊 數學 語文 ...

HTML表單元素 表單控制項

html是部署在伺服器上的文字檔案根據http協議,瀏覽器發出請求給伺服器,伺服器做出響應,給瀏覽器返回乙個html瀏覽器解釋執行html,從而顯示出內容 html部署在伺服器上,執行在瀏覽器上 表單用於顯示 收集資訊,並提交資訊到伺服器 表單二要素 表單元素 表單控制項 input text 文字...