form表單提交

wall2flower 發(fā)布于2019-08-02 14:28 / 2072人閱讀

摘要：前言這是一篇關(guān)于提交數(shù)據(jù)的文章，由提供表單提交一是的一個標簽，用來向服務(wù)端發(fā)送數(shù)據(jù)。

前言：這是一篇關(guān)于form提交數(shù)據(jù)的文章，ajax由jQuery提供

form表單提交

一、form是HTML的一個標簽，用來向服務(wù)端發(fā)送數(shù)據(jù)。form元素有自己的屬性，這里要講的是form的enctype,method,action這三個屬性

enctype:表示的是當method="post"時候，form將數(shù)據(jù)提交給服務(wù)器端的MIME類型可能取值有以下三種

application/x-www-form-urlencoded:未制定格式的默認格式

multipart/form-data:用于type屬性值設(shè)為file的input標簽

text/plain(html5)

2.method:表示指定瀏覽器用那種http方式提交form，可能值有

post:指的是HTTP post方法，表單數(shù)據(jù)會包含在表單體內(nèi)部提交給服務(wù)器端

get:指的是HTTP get方法，表單數(shù)據(jù)會附加在action屬性的URI中，并以?作為分隔符，得到這樣的URI在提交給服務(wù)器端，數(shù)據(jù)暴露在URI中

3.action: 處理當前form信息所在的URL

利用上述屬性發(fā)送表單數(shù)據(jù)至服務(wù)器端

二、實踐一
HTML code

demo.php接收數(shù)據(jù)進行處理

JavaScript code

三、實踐二
當前存在input元素的type類型是file

HTML code

JavaScript code

云服務(wù)器 GPU云服務(wù)器 form表單提交 form表單提交input form表單提交json ajax提交form表單

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/53821.html

相關(guān)文章

form表單那點事兒(下) 進階篇

摘要：在表單提交時，瀏覽器會自動進行一系列的校驗工作，沒有通過校驗的表單是無法提交到服務(wù)器的。而方法提交表單，會在請求中發(fā)送表單字段鍵值對。表單提交事件表單提交到服務(wù)器時，會觸發(fā)事件。上一篇主要溫習了一下form表單的屬性和表單元素，這一片主要講解用JavaScript如何操作form。表單操作取值用JavaScript操作表單，免不了會有取值賦值操作，比如有以下表單： ...

jerryloveemily 2019-08-01 15:24 評論0 收藏0
JavaScript 表單腳本——“表單的基礎(chǔ)知識”的注意要點

摘要：處理表格和提交等等重置表單重置表單應(yīng)該使用或當用戶單擊重置按鈕重置表單時，會觸發(fā)事件，可以在必要的時候取消重置操作另外也可以通過腳本調(diào)用方法重置表單，在調(diào)用方法重置表單時會觸發(fā)事件。在中，表單中新增加了屬性，自動把焦點移動到相應(yīng)字段。 HTMLFormElement繼承了HTMLElement，它自己獨有的屬性和方法有： acceptCharset:服務(wù)器能夠處理的字符集，等價于HT...

chnmagnus 2019-08-19 17:26 評論0 收藏0
表單驗證（-）

摘要：這樣我們就有機會驗證表單數(shù)據(jù)，并據(jù)以決定是否允許表單提交。下面代碼會阻止表單提交取得時間對象阻止默認事件注意以這種方式提交表單，不會觸發(fā)事件。這里是表單驗證的第一課：主要講授有關(guān)表單的基礎(chǔ)知識。關(guān)于表單驗證的更多知識可以參考《javascript高級程序設(shè)計》之第14章：表單腳本 1.表單事件 submit():提交表單reset():將所有表單域重置為默認值（1）.取得form元...

cppowboy 2019-08-21 14:18 評論0 收藏0
基于原生JS驗證表單組件：xy-form

摘要：表單地址值為，規(guī)定向何處發(fā)送表單數(shù)據(jù)?；剀囨I會觸發(fā)表單。請求方式規(guī)定請求方式，默認為可選。驗證如果使用該屬性，則提交表單時不進行驗證。自定義表單驗證默認情況下，如果驗證失敗，表單則不會提交。是一個原生組件，不限制于框架，可直接使用。原生form表單 form表單元素大家可能都用到過，除了可以提交表單外，還有一些內(nèi)置的表單校驗，比如require、minlength、maxlength...

張利勇 2019-08-26 14:05 評論0 收藏0
表單腳本

摘要：文本框腳本有兩種方式表現(xiàn)文本框的單行文本框和的多行文本框。對于單行文本框，通過特性可以指定文本框能夠顯示的字符數(shù)，通過特性訪問其內(nèi)容，而則用于指定其可以接受的最大字符數(shù)。 title: 表單腳本 date: 2016-12-19 15:17 tags: JavaScript 0x00 表單基礎(chǔ) 在 HTML 中，表單由元素來表示，但是在 JavaScript 中，表單對應(yīng)...

stormgens 2019-08-21 11:19 評論0 收藏0