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

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('form-submit');// js获取按钮var go = document.getElementById('go');// 当点击go时执行事件go.addEventListener（'click',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('form-submit');// js获取按钮var go = document.getElementById('go');// 当点击go时执行事件go.addEventListener（'click',function(){
  // 动态给form表单设置请求位置
  form_submit.active = "http://www.daxuehua.cn";  // 让form表单提交
  form_submit.submit()
}）

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

相關文章：

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

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

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