form表單小技巧-大學(xué)問(wèn)

2、值獲得對(duì)象?form表單應(yīng)該注意的屬性：elements：獲取以源順序排列的給定表單中所有控件的集合。但是對(duì)象不在此集合內(nèi)。var?txtName?=?myform.elements[0];?????????//獲得表單的第一個(gè)元素var?txtName?=?myform.elements["txtName"];?//獲得name屬性值為"txtName"的元素var?txtName?=?myform.elements.txtName;????//獲得name屬性值為"txtName"的元素?enctype：設(shè)置或獲取表單的多用途網(wǎng)際郵件擴(kuò)展(MIM

3、E)編碼。???????????????????這個(gè)屬性的默認(rèn)值為：application/x-www-form-urlencoded???????????????????如果要上傳文件，則應(yīng)該設(shè)置為：multipart/form-data?form表單中的標(biāo)記：?每一個(gè)表單元素的文字描述都應(yīng)該使用標(biāo)記！??????該標(biāo)記用于將文字綁定到對(duì)應(yīng)的表單元素上，它的for屬性指定它所要綁定的表單元素id值。綁定后單擊該文字，鼠標(biāo)將聚焦到對(duì)應(yīng)的文本框中或選中對(duì)應(yīng)的選項(xiàng)。??????若安裝了某些桌面主題，某些表單元素還會(huì)變換顏色來(lái)予以提示，這大大提高了用戶體驗(yàn)。示例代碼：

4、????點(diǎn)我將聚焦到文本框???
????點(diǎn)我將選中單選框???
???點(diǎn)我將選中復(fù)選框???注意：i>???每個(gè)表單元素

5、應(yīng)當(dāng)盡量使用標(biāo)簽來(lái)提高用戶體驗(yàn)；ii>??每個(gè)表單元素應(yīng)當(dāng)分配name屬性?和id屬性。???????name屬性：用來(lái)將數(shù)據(jù)提交到服務(wù)器；??????????????id屬性：用來(lái)在客戶端做相應(yīng)的操作；如：標(biāo)簽的綁定、CSS選擇器的使用等。????????????????(name屬性和id屬性應(yīng)該盡可能地使用相同的或相關(guān)的值。)?在客戶端，Javascript對(duì)表單及表單元素的操作，更青睞于使用其name屬性。因?yàn)?，?duì)于某些特定的表單元素(如：?jiǎn)芜x按鈕等)，使用其name屬性更易于獲得元素值，也更方便向服務(wù)器傳送數(shù)據(jù)！?Javascript操作form表單元

6、素，比較少用的屬性：defaultChecked設(shè)置或獲取復(fù)選框或單選鈕的狀態(tài)。defaultValue設(shè)置或獲取對(duì)象的初始內(nèi)容。disabled設(shè)置或獲取控件的狀態(tài)。?提交表單提交表單的示例：???????????

7、????onclick="this.disabled=true;?this.form.submit();">??注意：i>??如果使用submit()方法來(lái)提交表單，則不會(huì)觸發(fā)