JavaScript 獲取form所有表單元素
本章節介紹一下如何獲取一個form表單下所有的表單元素。
方式非常的簡單,程式碼如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> window.onload=function(){ var form=document.myform var element=form.elements } </script> </head> <body> <form name="myform"> <input type="text" name="username" value="softwhy.com"><br> <input type="text" name="address" value="青島市南區"><br> <select name="kecheng"> <option value="css教程" selected="">css教程</option> <option value="div教程">div教程</option> </select> </form> <input type="button" id="bt" value="檢視效果"/> </body> </html>
使用如下程式碼就可以獲取form下的表單元素集合:
[JavaScript] 純文字檢視 複製程式碼form.elements
圖示如下:
相關文章
- js獲取form表單下所有表單元素JSORM
- JavaScript獲取form下所有input元素JavaScriptORM
- javascript獲取form表單中表單元素的數目JavaScriptORM
- javascript獲取所有表單元素的value值JavaScript
- JQuery獲取form表單中所有值jQueryORM
- js獲取表單元素所在的form表單物件JSORM物件
- 獲取form表單下某一type型別的元素ORM型別
- JavaScript 獲取所有後代元素節點JavaScript
- JavaScript 通過 type 屬性值獲取表單元素JavaScript
- javascript如何獲取指定元素內的所有圖片JavaScript
- jQuery獲取元素前面所有兄弟元素jQuery
- jQuery獲取所有兄弟元素jQuery
- 原生js實現獲取form表單資料JSORM
- form表單的元素及方法ORM
- 獲取ul元素下的所有li元素
- JavaScript 獲取select下拉選單所有optionJavaScript
- 原生javascript獲取dom元素簡單介紹JavaScript
- jQuery獲取li元素後面所有兄弟元素jQuery
- jQuery利用name屬性獲取表單元素jQuery
- CSS 獲取所有緊鄰兄弟元素CSS
- 原生javascript實現獲取指定元素下所有後代元素程式碼例項JavaScript
- javascript中獲取元素尺寸JavaScript
- JavaScript獲取同級元素JavaScript
- JavaScript 獲取同級元素JavaScript
- jQuery獲取某元素下所有的連結元素jQuery
- 表單元素的form屬性介紹ORM
- JavaScript獲取指定元素的同輩元素JavaScript
- JavaScript獲取父元素下子元素節點JavaScript
- 獲取指定元素下所有li元素程式碼例項
- JavaScript獲取上一個元素JavaScript
- JavaScript獲取元素透明度JavaScript
- JavaScript使用id獲取指定元素JavaScript
- JavaScript獲取元素標籤名JavaScript
- 表單元素的form屬性用法介紹ORM
- javascript獲取select下拉選單所有項的內容JavaScript
- jQuery獲取所有的checkbox核取方塊元素jQuery
- 過濾器中獲取form表單或url請求資料過濾器ORM
- JavaScript 通過class獲取元素物件JavaScript物件