Form elements 集合

Makala ya Kichakula

JS Mafunzo ya Kielektroniki

JavaScript

Window

HTML DOM

Web API

HTML Mfano

</a></li> <li><a href="/sw/jsref/dom_obj_image.html" title="Mfano wa Image wa DOM wa HTML"><img></a></li> <li><a href="/sw/jsref/dom_obj_ins.html" title="Mfano wa Ins wa DOM wa HTML"><ins></a></li> <li><a href="/sw/jsref/dom_obj_button.html" title="Kitu cha HTML DOM Input Button"><input> button</a></li> <li><a href="/sw/jsref/dom_obj_checkbox.html" title="Kitu cha HTML DOM Input Checkbox"><input> checkbox</a></li> <li><a href="/sw/jsref/dom_obj_color.html" title="Kitu cha HTML DOM Input Color"><input> color</a></li> <li><a href="/sw/jsref/dom_obj_date.html" title="Kitu cha HTML DOM Input Date"><input> date</a></li> <li><a href="/sw/jsref/dom_obj_datetime.html" title="Kitu cha HTML DOM Input Datetime"><input> datetime</a></li> <li><a href="/sw/jsref/dom_obj_datetime-local.html" title="Kitu cha HTML DOM Input DatetimeLocal"><input> datetime-local</a></li> <li><a href="/sw/jsref/dom_obj_email.html" title="Kitu cha HTML DOM Input Email"><input> email</a></li> <li><a href="/sw/jsref/dom_obj_fileupload.html" title="Kitu cha HTML DOM Input FileUpload"><input> file</a></li> <li><a href="/sw/jsref/dom_obj_hidden.html" title="Kitu cha HTML DOM Input Hidden"><input> hidden</a></li> <li><a href="/sw/jsref/dom_obj_input_image.html" title="Kitu cha HTML DOM Input Image"><input> image</a></li> <li><a href="/sw/jsref/dom_obj_month.html" title="Kitu cha HTML DOM Input Month"><input> month</a></li> <li><a href="/sw/jsref/dom_obj_number.html" title="Kitu cha HTML DOM Input Number"><input> number</a></li> <li><a href="/sw/jsref/dom_obj_password.html" title="Kitu cha HTML DOM Input Password"><input> password</a></li> <li><a href="/sw/jsref/dom_obj_radio.html" title="Kitu cha HTML DOM Input Radio"><input> radio</a></li> <li><a href="/sw/jsref/dom_obj_range.html" title="Kitu cha HTML DOM Input Range"><input> range</a></li> <li><a href="/sw/jsref/dom_obj_reset.html" title="Kitu cha HTML DOM Input Reset"><input> reset</a></li> <li><a href="/sw/jsref/dom_obj_search.html" title="Kitu cha HTML DOM Input Search"><input> search</a></li> <li><a href="/sw/jsref/dom_obj_submit.html" title="Kitu cha HTML DOM Input Submit"><input> submit</a></li> <li><a href="/sw/jsref/dom_obj_text.html" title="Kitu cha HTML DOM Input Text"><input> text</a></li> <li><a href="/sw/jsref/dom_obj_input_time.html" title="Kitu cha HTML DOM Input Time"><input> time</a></li> <li><a href="/sw/jsref/dom_obj_url.html" title="Kitu cha HTML DOM Input URL"><input> url</a></li> <li><a href="/sw/jsref/dom_obj_week.html" title="Kitu cha HTML DOM Input Week"><input> week</a></li> <li><a href="/sw/jsref/dom_obj_kbd.html" title="Kitu cha HTML DOM Kbd"><kbd></a></li> <li><a href="/sw/jsref/dom_obj_label.html" title="Kitu cha HTML DOM Label"><label></a></li> <li><a href="/sw/jsref/dom_obj_legend.html" title="Kitu cha HTML DOM Legend"><legend></a></li> <li><a href="/sw/jsref/dom_obj_li.html" title="Kitu cha HTML DOM Li"><li></a></li> <li><a href="/sw/jsref/dom_obj_link.html" title="Kitu cha HTML DOM Link"><link></a></li> <li><a href="/sw/jsref/dom_obj_map.html" title="Kitu cha HTML DOM Map"><map></a></li> <li><a href="/sw/jsref/dom_obj_mark.html" title="Kitu cha HTML DOM Mark"><mark></a></li> <li><a href="/sw/jsref/dom_obj_menu.html" title="Kitu cha HTML DOM Menu"><menu></a></li> <li><a href="/sw/jsref/dom_obj_menuitem.html" title="Kitu cha HTML DOM MenuItem"><menuitem></a></li> <li><a href="/sw/jsref/dom_obj_meta.html" title="Kitu cha HTML DOM Meta"><meta></a></li> <li><a href="/sw/jsref/dom_obj_meter.html" title="Kitu cha HTML DOM Meter"><meter></a></li> <li><a href="/sw/jsref/dom_obj_nav.html" title="Kitu cha HTML DOM Nav"><nav></a></li> <li><a href="/sw/jsref/dom_obj_object.html" title="Kitu cha HTML DOM Object"><object></a></li> <li><a href="/sw/jsref/dom_obj_ol.html" title="Kitu cha HTML DOM Ol"><ol></a></li> <li><a href="/sw/jsref/dom_obj_optgroup.html" title="Kitu cha HTML DOM OptionGroup"><optgroup></a></li> <li><a href="/sw/jsref/dom_obj_option.html" title="Kitu cha HTML DOM Option"><option></a></li> <li><a href="/sw/jsref/dom_obj_output.html" title="Kitu cha HTML DOM Output"><output></a></li> <li><a href="/sw/jsref/dom_obj_paragraph.html" title="Kitu cha HTML DOM Paragraph"><p></a></li> <li><a href="/sw/jsref/dom_obj_param.html" title="Kitu cha HTML DOM Parameter"><param></a></li> <li><a href="/sw/jsref/dom_obj_pre.html" title="Kitu cha HTML DOM Pre"><pre></a></li> <li><a href="/sw/jsref/dom_obj_progress.html" title="Kitu cha HTML DOM Progress"><progress></a></li> <li><a href="/sw/jsref/dom_obj_quote.html" title="Kitu cha HTML DOM Quote"><q></a></li> <li><a href="/sw/jsref/dom_obj_s.html" title="HTML DOM S inayoa"><s></a></li> <li><a href="/sw/jsref/dom_obj_samp.html" title="HTML DOM Samp inayoa"><samp></a></li> <li><a href="/sw/jsref/dom_obj_script.html" title="HTML DOM Script inayoa"><script></a></li> <li><a href="/sw/jsref/dom_obj_section.html" title="HTML DOM Section inayoa"><section></a></li> <li><a href="/sw/jsref/dom_obj_select.html" title="HTML DOM Select inayoa"><select></a></li> <li><a href="/sw/jsref/dom_obj_small.html" title="HTML DOM Small inayoa"><small></a></li> <li><a href="/sw/jsref/dom_obj_source.html" title="HTML DOM Source inayoa"><source></a></li> <li><a href="/sw/jsref/dom_obj_span.html" title="HTML DOM Span inayoa"><span></a></li> <li><a href="/sw/jsref/dom_obj_strong.html" title="HTML DOM Strong inayoa"><strong></a></li> <li><a href="/sw/jsref/dom_obj_sub.html" title="HTML DOM Subscript inayoa"><sub></a></li> <li><a href="/sw/jsref/dom_obj_summary.html" title="HTML DOM Summary inayoa"><summary></a></li> <li><a href="/sw/jsref/dom_obj_sup.html" title="HTML DOM Superscript inayoa"><sup></a></li> <li><a href="/sw/jsref/dom_obj_table.html" title="HTML DOM Table inayoa"><table></a></li> <li><a href="/sw/jsref/dom_obj_tbody.html" title="HTML DOM TBody inayoa"><tbody></a></li> <li><a href="/sw/jsref/dom_obj_tabledata.html" title="HTML DOM TableData inayoa"><td></a></li> <li><a href="/sw/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot inayoa"><tfoot></a></li> <li><a href="/sw/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader inayoa"><th></a></li> <li><a href="/sw/jsref/dom_obj_thead.html" title="HTML DOM THead inayoa"><thead></a></li> <li><a href="/sw/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow inayoa"><tr></a></li> <li><a href="/sw/jsref/dom_obj_textarea.html" title="HTML DOM Textarea inayoa"><textarea></a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="HTML DOM Time inayoa"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="HTML DOM Title inayoa"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="HTML DOM Track inayoa"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="HTML DOM Underline inayoa"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="HTML DOM Ul inayoa"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="HTML DOM Variable inayoa"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="HTML DOM Video inayoa"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration inayoa">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="Mifano wa JavaScript wa kutoa">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Kizi cha CodeW3C.com">Kizi cha CodeW3C.com</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>Form elements 集合</h1> <div class="btn-toref"> <p><a href="/sw/jsref/dom_obj_form.html">Mfano wa Form wa DOM wa HTML</a></p> </div> <div> <h2>定义和用法</h2> <p><code>elements</code> 集合返回表单中所有元素的集合。</p> <p class="note"><span>Kikakataa:</span>集合中的元素按照它们在源代码中出现的顺序进行排序。</p> <p class="note"><span>Kikakataa:</span>elements 集合返回 <form> 元素内的所有元素，而不是文档中的所有 <form> 元素。如需获取文档中的所有 <form> 元素，请改用 <a href="/sw/jsref/coll_doc_forms.html" title="Mifano wa HTML DOM Document forms kwa matumizi">Kikolekshi ya elements inarudisha kila elementi ya <form> yenye idhihubi, bila kumekisha kila <form> ya matumizi. Kama inahitajika kupata kila <form> ya matumizi, tafadhali tena kusaidia.</a>Kikolekshi ya document.forms</p> </div> <div> <h2>.</h2> <h3>Mfano</h3> <p>Mfano 1</p> <pre class="language-js"> Kupata namba ya elementi yenye <form> yenye kichwa cha elementi zilingine: </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=htmldom_form_elements_length">Jifunze tena</a></p> <p>Matokeo wa x kinasababisha:</p> <pre>var x = document.getElementById("myForm").elements.length;</pre> <p class="tip"><span>3</span>Inaheshima:</p> </div> <div> <h2>Mfano ya pake ya chini inapokea mifano mingine.</h2> <pre><i>Inayofunza:</i>formObject</pre> <h3>.elements</h3> <table class="dataintable"> <tr> <th style="width: 25%;">.elements</th> <th>Maelezo</th> </tr> <tr> <td>Muafaka</td> <td> <p>length</p> <p class="note"><span>Kikakataa:</span>Inarudisha umatokeo wa elementi wa <form>.</p> </td> </tr> </table> <h3>Hii ni tabia yenye hisia bila mbinu.</h3> <table class="dataintable"> <tr> <th style="width: 25%;">Hii ni tabia yenye hisia bila mbinu.</th> <th>Maelezo</th> </tr> <tr> <td>[<i>index</i>]</td> <td> <p>Inarudisha elementi ya <form> yenye kichwa cha index zilingine (kuanzia 0).</p> <p class="note"><span>Kikakataa:</span>Inarudisha null kama kichwa cha index inaingia nje ya nafasi.</p> </td> </tr> <tr> <td>item(<i>index</i>)</td> <td> <p>Inarudisha elementi ya <form> yenye kichwa cha index zilingine (kuanzia 0).</p> <p class="note"><span>Kikakataa:</span>Inarudisha null kama kichwa cha index inaingia nje ya nafasi.</p> </td> </tr> <tr> <td>namedItem(<i>id</i>)</td> <td> <p>Inarudisha elementi ya <form> yenye idhihubi zilingine.</p> <p class="note"><span>Kikakataa:</span>Inarudisha null kama idhihubi inakutana.</p> </td> </tr> </table> </div> <div> <h2>Vitambulio ya Teknolojia</h2> <table class="definition-usage"> <tr> <th>Mwili wa DOM:</th> <td>Vichwa vya Juu vya Kilele 2 cha Vichwa vya Mawasiliano</td> </tr> <tr> <th style="width: 25%;">Matokeo:</th> <td> <p>Kitabu cha juu cha juu cha 2 cha Koleksheni ya Vichwa vya Mawasiliano, inaeleza kila elementi ya <form>.</p> <p>Elementi ya kikolekshi inayotokana na uwezo wa kigeni kwa HTML.</p> </td> </tr> </table> </div> <div> <h2>Mifano mingine</h2> <h3>Mfano 2: [<i>index</i>]</h3> <p>Pata thamani ya elementi ya kwanza ya fomu (kichwa cha 0):</p> <pre class="language-js"> var x = document.getElementById("myForm").elements[0].value; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=htmldom_form_elements_index">Jifunze tena</a></p> <p>Matokeo wa x kinasababisha:</p> <pre>Donald</pre> <h3>Mfano 3: item(<i>index</i>)</h3> <p>Pata thamani ya elementi ya kwanza ya fomu (kichwa cha 0):</p> <pre class="language-js"> var x = document.getElementById("myForm").elements.item(0).value; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=htmldom_form_elements_item">Jifunze tena</a></p> <p>Matokeo wa x kinasababisha:</p> <pre>Donald</pre> <h3>Mfano 4: namedItem(<i>id</i>)</h3> <p>Pata thamani ya elementi ya name="fname" ya fomu:</p> <pre class="language-js"> var x = document.getElementById("myForm").elements.namedItem("fname").value; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=htmldom_form_elements_nameditem">Jifunze tena</a></p> <p>Matokeo wa x kinasababisha:</p> <pre>Donald</pre> <h3>Mfano 5</h3> <p>Ukufikia kila element ya fomu na kuichapisha thamani ya kila element:</p> <pre class="language-js"> var x = document.getElementById("myForm"); var txt = ""; var i; kwa (i = 0; i < x.length; i++) { txt = txt + x.elements[i].value + "<br>"; } document.getElementById("demo").innerHTML = txt; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=htmldom_form_elements">Jifunze tena</a></p> <p>Matokeo wa x kinasababisha:</p> <pre> Donald Duck Tuma </pre> </div> <div> <h2>Muhtasari wa kufungua</h2> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>Mifano ya kusaidia</td> <td>Mifano ya kusaidia</td> <td>Mifano ya kusaidia</td> <td>Mifano ya kusaidia</td> <td>Mifano ya kusaidia</td> </tr> </table> </div> <div class="btn-toref"> <p><a href="/sw/jsref/dom_obj_form.html">Mfano wa Form wa DOM wa HTML</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> Kifaa cha kutoa </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Madoa wa JavaScript na HTML DOM wa Mafaa</a></h5> <h5 id="tools_example"><a href="/sw/js/js_examples.html">Mifano ya JavaScript</a></h5> <h5 id="tools_quiz"><a href="/sw/js/js_quiz.html">Majadiliano ya JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Mifano ya JavaScript</a></h5> </div> <div><h3><center> Vituo vya msingi </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Mifano ya CodeW3C.com inatolewa kwa kufungua na kufikia, hatarishii uharibifu wa mifano. Risiko za kutumia mifano hii inayotokana na tovuti haukuchukuliwa. Hisia zote zimechukuliwa, hisia zote zimehifadhiwa. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Mifano ya CodeW3C.com">Mifano ya CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Mifano wa matumizi</a> <a href="/sw/about/about_privacy.html" title="Kuhusu hukumu">Mifano wa hukumu</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Inaripwa na Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>