本篇內(nèi)容主要講解“javascript中form方法有哪些”,感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“javascript中form方法有哪些”吧!
站在用戶的角度思考問(wèn)題,與客戶深入溝通,找到市中網(wǎng)站設(shè)計(jì)與市中網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:網(wǎng)站建設(shè)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請(qǐng)域名、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋市中地區(qū)。
javascript中內(nèi)置有兩個(gè)form方法,分別為:1、reset(),用于把表單的所有輸入元素重置為它們的默認(rèn)值;2、submit(),用于把表單數(shù)據(jù)提交到Web服務(wù)器。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
Form 對(duì)象代表一個(gè) HTML 表單。
在 HTML 文檔中 <form> 每出現(xiàn)一次,F(xiàn)orm 對(duì)象就會(huì)被創(chuàng)建。
表單用戶通常用于收集用戶數(shù)據(jù),包含了 input 元素如:文本字段,復(fù)選框,單選框,提交按鈕等待。表單也可以說(shuō)選項(xiàng)菜單, textarea, fieldset, legend, 和 label 元素。
表單用于向服務(wù)端發(fā)送數(shù)據(jù)。
javascript 表單對(duì)象(form)的方法:
方法 | 描述 |
---|---|
reset() | 把表單的所有輸入元素重置為它們的默認(rèn)值。 |
submit() | 提交表單。 |
Form 對(duì)象的reset()方法
reset() 方法可把表單中的元素重置為它們的默認(rèn)值。
語(yǔ)法:formObject.reset()
說(shuō)明:調(diào)用該方法的結(jié)果類似用戶單擊了 Reset 按鈕的結(jié)果,只是表單的事件句柄 onreset 不會(huì)被調(diào)用。
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function formReset(){ document.getElementById("frm1").reset(); } </script> </head> <body> <p>在下面的輸入框中輸入一些文本,然后按下“重置表單”按鈕重置表單。</p> <form id="frm1"> 用戶名: <input type="text" name="name"><br> 密 碼: <input type="password" name="password"><br><br> <input type="button" onclick="formReset()" value="重置表單"> </form> </body> </html>
Form 對(duì)象的submit()方法
submit() 方法把表單數(shù)據(jù)提交到 Web 服務(wù)器。
語(yǔ)法:formObject.submit()
說(shuō)明:該方法提交表單的方式與用戶單擊 Submit 按鈕一樣,但是表單的 onsubmit 事件句柄不會(huì)被調(diào)用。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function formSubmit(){ document.getElementById("frm1").submit(); } </script> </head> <body> <p>在下面的輸入框中輸入一些文本,然后按下“提交表單”按鈕提交表單。</p> <form id="frm1" action="form_action.asp"> 用戶名: <input type="text" name="name"><br> 密 碼: <input type="password" name="password"><br><br> <input type="button" onclick="formSubmit()" value="提交表單"> </form> </body> </html>
到此,相信大家對(duì)“javascript中form方法有哪些”有了更深的了解,不妨來(lái)實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
本文名稱:javascript中form方法有哪些
文章來(lái)源:http://jinyejixie.com/article16/ppeddg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、做網(wǎng)站、企業(yè)建站、網(wǎng)站排名、外貿(mào)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)