js獲取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
圖示如下:
相關文章
- JavaScript 獲取form所有表單元素JavaScriptORM
- js獲取表單元素所在的form表單物件JSORM物件
- JQuery獲取form表單中所有值jQueryORM
- javascript獲取form表單中表單元素的數目JavaScriptORM
- 獲取form表單下某一type型別的元素ORM型別
- javascript獲取所有表單元素的value值JavaScript
- 原生js實現獲取form表單資料JSORM
- JavaScript獲取form下所有input元素JavaScriptORM
- form表單的元素及方法ORM
- js重置form表單元素值程式碼例項JSORM
- jQuery利用name屬性獲取表單元素jQuery
- js如何獲取某一類type屬性值表單元素JS
- 表單元素的form屬性介紹ORM
- 表單Form簡介——表單按鈕ORM
- 表單元素的form屬性用法介紹ORM
- Angular8 form 表單對隱藏元素取消表單校驗規則AngularORM
- PHP獲取表單方法PHP
- JavaScript 通過 type 屬性值獲取表單元素JavaScript
- jQuery獲取表單值及幾個表單事件jQuery事件
- Form表單JSONContent-type解析ORMJSON
- form表單元素名稱兩端對齊代ORM
- tpextbuilder- Form表單UIORM
- 第 10 章 表單元素[下]
- 過濾器中獲取form表單或url請求資料過濾器ORM
- 獲取ul元素下的所有li元素
- js如何將表單中所有的元素設定為不可用JS
- Layui環境下form表單提交;jquery.form.js;lay-verify,lay-filter;UIORMjQueryJSFilter
- JavaWeb之Servlet獲取表單值JavaWebServlet
- 一個 vuejs 的 form 表單提交結構VueJSORM
- formly-form 動態表單ORM
- Django教程(三) Django表單FormDjangoORM
- HTML標記之Form表單HTMLORM
- 文件驅動 —— 表單元件(一):表單元素元件元件
- Javascript 正確地引用表單和表單元素JavaScript
- 表單元素 開篇
- Vue資料驅動表單渲染,輕鬆搞定form表單VueORM
- form表單的onSubmit事件簡單介紹ORMMIT事件
- js如何禁用表單中的所有文字框JS