1. 程式人生 > >FORM表單的幾大屬性

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"