欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript在form表單中使用button按鈕實現(xiàn)submit提交方法

 更新時間：2017年01月23日 10:23:00   作者：暗日狂沙  
在form表單提交中，使用button來間接完成submit的提交更為靈活。接下來通過本文給大家介紹JavaScript在form表單中使用button按鈕實現(xiàn)submit提交方法，需要的朋友參考下吧

submit是button的一個特例，也是button的一種，它把提交這個動作自動集成了，submit和button,二者都以按鈕的形式展現(xiàn),看起來都是按鈕，所不同的是type屬性和處發(fā)響應(yīng)的事件上。

在javaScript中關(guān)于submit和button的區(qū)別介紹

 在form表單提交中，使用button來間接完成submit的提交更為靈活。下面是實現(xiàn)方法：

使用button按鈕實現(xiàn)submit提交，需要在button標(biāo)簽中的使用onclick方法，然后在JavaScript中實現(xiàn)具體，代碼如下：

<head>
<script type="text/javascript">
function submitBtnClick(){
document.fileForm.submit();
}
</script>
</head>
<body>
<form action="../welcome.jsp" name="fileForm">
<input type="file" value="請選擇圖像">
<button id="submitBtn" onclick="submitBtnClick()">檢索</button>
</form>
</body>

上文代碼通過document選中fileForm表單，然后在調(diào)用該表單的submit方法即可實現(xiàn)用button按鈕間接完成submit方法的功能，但說到底還是調(diào)用submit方法。

下面看下JavaScript使用button提交表單的方法

<form action="test.html" method="POST">
  <input type="button" value="提交"/>
</form>  
 <!-- 用提交表單，重要 -->
<script type="text/javascript">
　　//定位提交按鈕
　　 var inputElement = document.getElementsByTagName("input")[0];
　　//為提交按鈕添加單擊事件
　　 inputElement.onclick = function(){
  　　//定位<form>標(biāo)簽，forms表示document對象中所有表單的集合，通過下標(biāo)引用不同的表單，從0開始
    var formElement = document.forms[0];
    //提交表單，提交到action屬性指定的地方
    formElement.submit();
   }  
 </script>

以上所述是小編給大家介紹的JavaScript在form表單中使用button按鈕實現(xiàn)submit提交方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

  • Echats圖表大屏自適應(yīng)的實現(xiàn)方法

    Echats圖表大屏自適應(yīng)的實現(xiàn)方法

    很多時候我們需要用圖表來制作我們統(tǒng)計的數(shù)據(jù)直觀的分析,所以我們可以用Echarts來制作圖表,這篇文章主要給大家介紹了關(guān)于Echats圖表大屏自適應(yīng)的實現(xiàn)方法,需要的朋友可以參考下
    2021-10-10
  • javascript開發(fā)隨筆二 動態(tài)加載js和文件

    javascript開發(fā)隨筆二 動態(tài)加載js和文件

    js無非就是script標(biāo)簽引入頁面，但當(dāng)項目越來越大的時候，單頁面引入N個js顯然不行，合并為單個文件減少了請求數(shù)，但請求的文件體積卻很大
    2011-11-11
  • JavaScript監(jiān)聽和禁用瀏覽器回車事件實例

    JavaScript監(jiān)聽和禁用瀏覽器回車事件實例

    這篇文章主要介紹了JavaScript監(jiān)聽和禁用瀏覽器回車事件實例,本文直接給出示例代碼,需要的朋友可以參考下
    2015-01-01
  • 基于JavaScript代碼實現(xiàn)自動生成表格

    基于JavaScript代碼實現(xiàn)自動生成表格

    本文給大家分享一段js代碼實現(xiàn)輸入表格行數(shù)、列數(shù)自動生成表格源代碼，非常不錯具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧
    2016-06-06
  • js實現(xiàn)簡單的日歷顯示效果函數(shù)示例

    js實現(xiàn)簡單的日歷顯示效果函數(shù)示例

    這篇文章主要介紹了js實現(xiàn)簡單的日歷顯示效果函數(shù),結(jié)合完整實例形式分析了JavaScript實現(xiàn)的日歷功能相關(guān)原理與具體操作技巧,需要的朋友可以參考下
    2019-11-11
  • js獲取div高度的代碼

    js獲取div高度的代碼

    不錯的獲取div高度的代碼，主要是方便測試一些信息，用到了javascript的offsetHeight屬性
    2008-08-08
  • 微信小程序使用ucharts在小程序中加入橫屏展示功能的全過程

    微信小程序使用ucharts在小程序中加入橫屏展示功能的全過程

    這篇文章主要給大家介紹了關(guān)于微信小程序使用ucharts在小程序中加入橫屏展示功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2022-09-09
  • 使用KrpanoToolJS在瀏覽器切圖的實例詳解

    使用KrpanoToolJS在瀏覽器切圖的實例詳解

    這篇文章主要介紹了使用KrpanoToolJS在瀏覽器切圖的實例詳解,大概是需要在瀏覽器中將全景圖轉(zhuǎn)為立方體圖、多層級瓦片圖，通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2022-10-10
  • js選擇并轉(zhuǎn)移導(dǎo)航菜單示例代碼

    js選擇并轉(zhuǎn)移導(dǎo)航菜單示例代碼

    選擇并轉(zhuǎn)移導(dǎo)航菜單的方法有很多，本例使用js來實現(xiàn)選擇并轉(zhuǎn)移導(dǎo)航菜單,需要的朋友可以參考下
    2014-08-08
  • 淺談layer彈出層按鈕顏色修改方法

    淺談layer彈出層按鈕顏色修改方法

    今天小編就為大家分享一篇淺談layer彈出層按鈕顏色修改方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09

最新評論