Baseline Widely available
HTMLFormElement
ç elements
屿§è¿åä¸ä¸ª HTMLFormControlsCollection
ï¼å
¶ä¸ååºäº <form>
å
ç´ ä¸å
å«çææè¡¨åæ§ä»¶ã
ä½ è¿å¯ä»¥ç¬ç«ä½¿ç¨ length
屿§åªè·åè¡¨åæ§ä»¶çæ°éã
ä½ å¯ä»¥ä½¿ç¨ç´¢å¼æå
ç´ ç name
æ id
屿§è®¿é®è¿åéåä¸çç¹å®è¡¨åæ§ä»¶ã
å¨ HTML 5 ä¹åï¼è¿åç对象æ¯ä¸ä¸ªåºäº HTMLFormControlsCollection
ç HTMLCollection
ã
夿³¨ï¼ åæ ·ï¼ä½ ä¹å¯ä»¥ä½¿ç¨ææ¡£ä¸ç forms
屿§è·åç»å®ææ¡£ä¸å
å«çææè¡¨åçå表ã
ä¸ä¸ª HTMLFormControlsCollection
ï¼å
¶ä¸å
å«è¡¨å䏿æéå¾åæ§ä»¶ãè¿æ¯ä¸ä¸ªå®æ¶éåï¼å¦æåè¡¨åæ·»å æå é¤è¡¨åæ§ä»¶ï¼æ¤éåå°æ´æ°å¹¶æ´æ¹ã
è¿åéåä¸çè¡¨åæ§ä»¶éµå¾ªæ çååºæ·±åº¦ä¼å éå顺åºåºç°å¨è¡¨åä¸ãè¿ç§°ä¸ºæ 顺åºã
åªè¿å以ä¸å ç´ ï¼
<button>
<fieldset>
<input>
ï¼ç±äºåå²åå ï¼type
ç±»å为 "image"
çå
ç´ é½å°è¢«çç¥ï¼ã<object>
<output>
<select>
<textarea>
卿¤ç¤ºä¾ä¸ï¼æä»¬å°äºè§£å¦ä½è·åè¡¨åæ§ä»¶å表ï¼ä»¥åå¦ä½éè¿ç´¢å¼ååç§°æ ID 访é®å ¶æåã
<form id="my-form">
<label>ç¨æ·åï¼<input type="text" name="username" /></label>
<label>å
¨åï¼<input type="text" name="full-name" /></label>
<label>å¯ç ï¼<input type="password" name="password" /></label>
</form>
const inputs = document.getElementById("my-form").elements;
const inputByIndex = inputs[0];
const inputByName = inputs["username"];
访é®è¡¨åæ§ä»¶
æ¤ç¤ºä¾è·å表åçå
ç´ å表ï¼ç¶åéå该åè¡¨ï¼æ¥æ¾ç±»å为 "text"
ç <input>
å
ç´ ï¼ä»¥ä¾¿å¯¹å®ä»¬æ§è¡æç§å½¢å¼çå¤çã
const inputs = document.getElementById("my-form").elements;
// éåè¡¨åæ§ä»¶
for (let i = 0; i < inputs.length; i++) {
if (inputs[i].nodeName === "INPUT" && inputs[i].type === "text") {
// æ´æ°è¾å
¥ææ¬
inputs[i].value.toLocaleUpperCase();
}
}
ç¦ç¨è¡¨åæ§ä»¶
const inputs = document.getElementById("my-form").elements;
// éåè¡¨åæ§ä»¶
for (let i = 0; i < inputs.length; i++) {
// ç¦ç¨ææè¡¨åæ§ä»¶
inputs[i].setAttribute("disabled", "");
}
è§è æµè§å¨å
¼å®¹æ§
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4