FORM表單的幾大屬性
問題引入
在做一個活動支付專案的時候,提交訂單(form表單)跳轉支付頁面發現沒有反應。經過斷點排查發現斷點也進了,不報錯。但是返回的就是空白頁,讓人很糾結。
經過反覆測試,才發現是防毒軟體攔截了form表單的請求。如何來解決這個問題呢?下來我們來看看Form表單的屬性就會明白了。
FORM的屬性
method屬性:規定用於傳送 form-data 的 HTTP 方法。實際上就是請求的方式。
name屬性:表單的名稱。
action屬性:指定表單請求的路徑
target屬性:指定action的Url在哪裡開啟
method屬性
form表單是的HTML中常用的標籤。主要用來提交引數與後臺資料進行互動。提交表單的方式有兩種(主要通過method屬性控制):
①GET方式:最常見的提交方式,也就是將請求的引數直接拼接在請求路徑的後面。這樣的方式會把引數暴露在位址列,不安全,而且有長度的限制。
②POST方式:也比較常見。這種請求方式將引數儲存在請求體中,位址列不會出現請求的引數。相對安全。
name屬性
定義表單的名稱,一般不使用。
action屬性
form表單的靈魂,action指定的請求路徑的具體地址
target屬性
_blank:指定action的Url在新開的瀏覽器視窗中
_parent:指定action的Url在父級瀏覽器視窗中
_self:指定action的Url在當前瀏覽器視窗中
_top:指定action的Url在頂級瀏覽器視窗中
程式碼塊
form表單的屬性位置,例如:
<FORM name = "form_name" method ="method" action = "URL" target ="target_win">
...
</FORM>
問題解決
防毒軟體攔截請求一般會在新開啟的頁面攔截,也就是使用了target屬性的“_blank”。預設情況也會是“_blank”,所以會被攔截到。不重新發開新的瀏覽器視窗,就不會攔截。所有解決辦法將”_blank”屬性改為“_self”就會解決此問題。
花絮(HTML5中的新屬性)
autocomplete屬性:規定表單是否自動提交【on/off】
novalidate屬性:如果使用該屬性,表單不驗證可以直接提交【novalidate】 ———這是一個危險的屬性,慎用!
相關推薦
檔案上傳下載時,在form表單中設定屬性enctype=“multipart/form-data”的情況下,如何獲取表單提交的值?
一、問題描述 檔案上傳下載時,在form表單中設定屬性enctype=“multipart/form-data”的情況下,如何獲取表單提交的有關使用者資訊的值?(比如:textfield、radio等屬性中的值) 二、解決方法 1、情況一:沒有對user物件進行封裝 方法:
jetty請求form表單太大解決
在用jetty做圖片上傳時發現jetty的request.getParameter方法對資料長度有限制,預設是200000Byte。 超過200000Byte就出現異常: Java程式碼java.la
jetty8請求form表單太大解決
網上大部分是jetty7 和jetty6 的 如下設定 Jetty7:org.eclipse.jetty.server.Request.maxFormContentSize=-1Jetty6:or
form表單的target屬性
target屬性: _blank ---------- 新開視窗 _self ----------- 自身 _top ------------ 主框架 _parent --------- 父框架 自定義名字 ----- 出現於框架
js獲取form表單中name屬性的值
在專案中因為動態表單無法確定標籤name屬性的值,因此需要即時獲取以便進行儲存。前端程式碼如下:<div class="control-group"> <label class="control-label">土撥鼠常挖坑</label>
form表單的action屬性提交資料到指定URL
之前都是通過curl指令測試伺服器是否正常,今天在測試編寫的http伺服器能否正常使用時,想自己寫一個動態網頁來測試一下效果。查詢資料知道可以使用form表單的action屬性來提交表單。 現將過程總結如下(按照我的嘗試步驟記錄)1.(相對路徑)直接將URL和
關於請求方式為GET的form表單,action屬性後不能帶引數的問題
若在頁面中有如下程式碼: <form action="XXX?name=Jack&age=10"> <input type="text" name="address"
FORM表單的幾大屬性
問題引入 在做一個活動支付專案的時候,提交訂單(form表單)跳轉支付頁面發現沒有反應。經過斷點排查發現斷點也進了,不報錯。但是返回的就是空白頁,讓人很糾結。 經過反覆測試,才發現是防毒軟體攔截了form表單的請求。如何來解決這個問題呢?下來我們來
form表單的應用:form對象自帶屬性和方法及提交時提交的數據.....
uil nsf fileread tex class dataurl asd who accept 1.html中含有form表單 (1)html <form id="picLoad" class="lt" style="width: 230px;" enctype=
form表單標簽及屬性的介紹
ipa 最大 允許 可見 dmi cti 頁碼 設置 意思 版權聲明:本文為博主原創文章,未經博主允許不得轉載。 一、 表單標簽 <form></form> 常用屬性 Action 跳轉到什麽頁面 Method 以什麽模式提交
知識總結之form表單屬性及H5新增特性
bsp ron mit 驗證 pick -s value 地址欄 屬性 一、form的幾大屬性 1.method屬性 規定用於發送 form-data 的 HTTP 方法,即請求的方式;主要用來提交參數與後臺數據進行交互。 分為GET和POST兩種方式,
Form表單提交數據的幾種方式
顯示 text alt 成對 std ade pos word 變量 一、submit提交 在form標簽中添加Action(提交的地址)和method(post或get),且有一個submit按鈕(<input type=’submit’&
form表單中的enctype 屬性
用法 學習 www. enc 思考 需求 urlencode ron 應該 對於form表單中的enctype 屬性之前理解的一般,就知道是類似於一種編碼形式。後來公司做一個form表單提交數據的時候,重點是這個form表單裏有文件上傳,而我又要用vue來模擬form表單提
Form表單的幾種提交方式
text ucc ram rip sub javascrip reg data 方式 <script type="text/javascript"> $(function() { //1、ajax提交 $("#ajaxBtn").click(function
ajax提交form表單,H5的required屬性沒起作用
1、 ajax提交form表單,required屬性不起作用 錯誤程式碼如下 <form id="order"> <input type="text" name="name" required /> <input type="submit
form表單的五大常用屬性:action,method,name,onsubmit,enctype
程式開發中,必不可少的會使用到form表單,以前只是在前端開發時簡單使用,對它的屬性不甚瞭解,最近在後端學習中,不斷接觸到它的屬性,現記錄一二. action action規定了提交表單時傳送表單資料的目的地,也即將資料發到哪裡,例如action="login.php". method method規
spring boot 自定義引數解析器實現form表單型別請求或位址列請求引數下劃線轉駝峰屬性
一、定義引數解析註解 @Target(value = ElementType.PARAMETER) @Retention(RetentionPolicy.RUNTIME) public @interface ParameterModel { } 二、定義抽象類AbstractCustomiz
jsp的form表單提交幾種方式
1.form表單submit直接提交資料 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/j
關於button中的type屬性來決定是否提交form表單
button中的type屬性:submit和button。(1)其中IE瀏覽器預設的是button,非IE預設的是submit;(2)button不提交整個form表單,而submit提交整個form表單。 <form> <button type=
form表單屬性action的值特性
一、說明: 當頁面的form表達的action=""時,表示表單會提交到當前頁面,但是如果當前頁面的URL裡已經帶有一個引數了,每次提交表達時這個引數依然存在,不管form表單裡有沒有提交該引數。 例如: <%@ page language="java"