首頁 > web前端 > js教程 > 主體

js控制form標籤 定義和提交資料的用法

php是最好的语言
發布: 2018-08-03 09:28:01
原創
1763 人瀏覽過

form表單提交,之前有個下載的項目接口,需要上url上邊傳超級多東西,但是 url是限制長度的 每個瀏覽器限制的url長度還不一樣,所以就想到用form表單的action提交表單。

form標籤 定義與用法 詳細了解請點選

標籤用於為使用者輸入建立 HTML 表單。

表單能夠包含 input 元素,例如文字欄位、核取方塊、單一選取方塊、提交按鈕等等。

表單也可以包含 menus、textarea、fieldset、legend 和 label 元素。

表單用於向伺服器傳輸資料。 (我們要用到的)

form提交資料用法

在這裡我就寫個用js呼叫事件提交表單。表單不在頁面上顯示的範例。

下面這段程式碼form標籤的屬性method 就是請求方法跟jquery的ajax一樣這裡我用post請求 form標籤的屬性enctype 規定發送表單資料之前如何編碼、form標籤的屬性target=”_blank” 就相當於在新頁面打開我這裡做的是下載所以要在新頁面打開。

 <form method="post" enctype="application/x-www-form-urlencoded" id="form-submit" target="_blank">
   <input type="hidden" name="account" value="多毛大叔爱萝莉"/>
   <input type="hidden" name="password" value="7758521"/>
</form>
<button type="button" id="go">go</button>//这里的name就是相当于post属性的参数 value就是你传的值 type是hidden 是因为我不想再页面上看到他所以让他隐藏了
登入後複製
登入後複製

接下來我們用js呼叫事件 動態為 form 新增 action 屬性讓form知道我們要讓他要求拿個位置。

// js 获取form表单var form_submit = document.getElementById(&#39;form-submit&#39;);// js获取按钮var go = document.getElementById(&#39;go&#39;);// 当点击go时执行事件go.addEventListener(&#39;click&#39;,function(){
  // 动态给form表单设置请求位置
  form_submit.active = "http://www.daxuehua.cn";  // 让form表单提交
  form_submit.submit()
})
登入後複製
登入後複製

這樣子就可以解決如果url的值太長沒辦法下載東西的問題

form表單提交,之前有下載的項目接口,需要上url上邊傳超級多東西,但是url是限制長度的 每個瀏覽器限制的url長度還不一樣,所以就想到用form表單的action提交表單。

form標籤 定義與用法 詳細了解請點選

標籤用於為使用者輸入建立 HTML 表單。

表單能夠包含 input 元素,例如文字欄位、核取方塊、單一選取方塊、提交按鈕等等。

表單也可以包含 menus、textarea、fieldset、legend 和 label 元素。

表單用於向伺服器傳輸資料。 (我們要用到的)

form提交資料用法

在這裡我就寫個用js呼叫事件提交表單。表單不在頁面上顯示的範例。

下面這段程式碼form標籤的屬性method 就是請求方法跟jquery的ajax一樣這裡我用post請求 form標籤的屬性enctype 規定發送表單資料之前如何編碼、form標籤的屬性target=”_blank” 就相當於在新頁面打開我這裡做的是下載所以要在新頁面打開。

 <form method="post" enctype="application/x-www-form-urlencoded" id="form-submit" target="_blank">
   <input type="hidden" name="account" value="多毛大叔爱萝莉"/>
   <input type="hidden" name="password" value="7758521"/>
</form>
<button type="button" id="go">go</button>//这里的name就是相当于post属性的参数 value就是你传的值 type是hidden 是因为我不想再页面上看到他所以让他隐藏了
登入後複製
登入後複製

接下來我們用js呼叫事件 動態為 form 新增 action 屬性讓form知道我們要讓他要求拿個位置。

// js 获取form表单var form_submit = document.getElementById(&#39;form-submit&#39;);// js获取按钮var go = document.getElementById(&#39;go&#39;);// 当点击go时执行事件go.addEventListener(&#39;click&#39;,function(){
  // 动态给form表单设置请求位置
  form_submit.active = "http://www.daxuehua.cn";  // 让form表单提交
  form_submit.submit()
})
登入後複製
登入後複製

這樣子就可以解決如果url的值太長沒辦法下載東西的問題

相關文章:

javascript -將submit放在form標籤之外如何實作表單的提交

js實作a標籤超連結提交form表單的方法

以上是js控制form標籤 定義和提交資料的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板