摘要:表單用于向服務(wù)器傳輸數(shù)據(jù)。屬性對象的屬性指定了一個事件句柄函數(shù)。標簽的屬性應(yīng)當與相關(guān)元素的屬性相同。詳情查閱請狠狠地點擊關(guān)于對象代表表單中的一個提交按鈕在表單提交之前,觸發(fā)事件句柄,并且一個句柄可以通過返回來取消表單提交。
系列文章
關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(零)
關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(一) ----- XMLHttpRequest
關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(二) ----- File
關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(三) ----- FormData
關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(四) ----- FileReader
關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(五) ----- H5拖拽事件
關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(六) ----- 圖片上傳,旋轉(zhuǎn),重繪,預(yù)覽等實戰(zhàn)(附DEMO)
為什么分章節(jié)寫呢?因為覆蓋的知識點比較多,也可能我力盡詳細介紹,照顧下基礎(chǔ)不好的人,溫故而知新。
剛開始的確是打算一篇搞定的,寫道一半發(fā)覺已經(jīng)相當長篇大論了,好多人例如我一進來看到這么多內(nèi)容就已經(jīng)怕了,而且不是每個人都需要了解全部內(nèi)容,于是就打算分開來,讓讀者按需了解吧。
至于為什么會有零這一章節(jié)呢?因為實在太基礎(chǔ)了,大多數(shù)人都可以無視,僅供少部分新手跟記性不好的人,如果你覺得你可以就跳過吧。
下面開始說正事上傳對我來說一直是個挺恐怖的東西,接觸的也比較少,因為以前沒有標準,為了實現(xiàn)一個上傳得寫各種惡心兼容代碼,而插件往往容易有些bug也沒能力修改,時至今日,真正的勇士始終得直面鮮血淋漓的現(xiàn)實,所以我就特意開個掃盲貼,研究總結(jié)一下關(guān)于上傳得小知識,下面帶大家瀏覽一下我需要使用到的一些API.
零, 基礎(chǔ)(知識點主要來源于w3school)(已經(jīng)熟悉的人直接跳過這一章節(jié)吧)標簽用于為用戶輸入創(chuàng)建 HTML 表單。表單能夠包含 input 元素,比如文本字段、復(fù)選框、單選框、提交按鈕等等。表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。表單用于向服務(wù)器傳輸數(shù)據(jù)。
字段 | 描述 |
---|---|
name | 規(guī)定表單的名稱 |
action | 規(guī)定當提交表單時向何處發(fā)送表單數(shù)據(jù) |
enctype | (on/off)規(guī)定在發(fā)送表單數(shù)據(jù)之前如何對其進行編碼 |
method | (get/post)規(guī)定用于發(fā)送 form-data 的 HTTP 方法 |
novalidate | 如果使用該屬性,則提交表單時不進行驗證。(Html5屬性) |
onsubmit | Form 對象的 onsubmit 屬性指定了一個事件句柄函數(shù)。當用戶單擊了表單中的 Submit 按鈕而提交一個表單時,就會調(diào)用這個事件句柄函數(shù)。注意,當調(diào)用方法Form.submit() 時,該處理器函數(shù)不會被調(diào)用。如果 onsubmit 句柄返回 fasle,表單的元素就不會提交。如果該函數(shù)返回其他值或什么都沒有返回,則表單會被提交 |
詳情查閱請狠狠地點擊關(guān)于form
labellabel 元素不會向用戶呈現(xiàn)任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內(nèi)點擊文本,就會觸發(fā)此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉(zhuǎn)到和標簽相關(guān)的表單控件上。 標簽的 for 屬性應(yīng)當與相關(guān)元素的 id 屬性相同。
字段 | 描述 |
---|---|
for | 規(guī)定 label 綁定到哪個表單元素 |
form | 規(guī)定 label 字段所屬的一個或多個表單 |
詳情查閱請狠狠地點擊關(guān)于label
input標簽用于搜集用戶信息。根據(jù)不同的 type 屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段、復(fù)選框、碼后的文本控件、單選按鈕、按鈕等等。
詳情查閱請狠狠地點擊關(guān)于input
Submit 對象代表 HTML 表單中的一個提交按鈕,在表單提交之前,觸發(fā) onclick 事件句柄,并且一個句柄可以通過返回 fasle 來取消表單提交。
submit: 把表單數(shù)據(jù)提交到 Web 服務(wù)器。該方法提交表單的方式與用戶單擊 Submit 按鈕一樣,但是表單的 onsubmit 事件句柄不會被調(diào)用。
詳情查閱請狠狠地點擊關(guān)于submit
在 button 元素內(nèi)部,您可以放置內(nèi)容,比如文本或圖像。這是該元素與使用 input 元素創(chuàng)建的按鈕之間的不同之處。
控件 與 相比,提供了更為強大的功能和更豐富的內(nèi)容。標簽之間的所有內(nèi)容都是按鈕的內(nèi)容,其中包括任何可接受的正文內(nèi)容,比如文本或多媒體內(nèi)容。例如,我們可以在按鈕中包括一個圖像和相關(guān)的文本,用它們在按鈕中創(chuàng)建一個吸引人的標記圖像。
唯一禁止使用的元素是圖像映射,因為它對鼠標和鍵盤敏感的動作會干擾表單按鈕的行為。
請始終為按鈕規(guī)定 type 屬性。Internet Explorer 的默認類型是 "button",而其他瀏覽器中(包括 W3C 規(guī)范)的默認值是 "submit".
(重要事項:如果在 HTML 表單中使用 button 元素,不同的瀏覽器會提交不同的值。Internet Explorer 將提交
字段 | 描述 |
---|---|
name | 規(guī)定按鈕的名稱 |
disabled | 規(guī)定應(yīng)該禁用該按鈕 |
詳情查閱請狠狠地點擊關(guān)于button
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/54302.html
摘要:在中,拖放是標準的一部分,任何元素都能夠拖放。如果需要設(shè)置允許放置,我們必須阻止對元素的默認處理方式方法。 系列文章 關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(零)關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(一) ----- XMLHttpRequest關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(二) ----- File關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(三) ----- FormData關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(...
摘要:為了解救上面說到的問題是向提交的一個草案,旨在推出一套標準的,其基本功能是實現(xiàn)用對本地文件進行操作。出于安全性的考慮,該只對本地文件提供有限的訪問。 系列文章 關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(零)關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(一) ----- XMLHttpRequest關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(二) ----- File關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(三) ----- For...
摘要:如果是傳入三個參數(shù)的方式,那么該值將是一個布爾值,文件,或者一個,如果不是,將被轉(zhuǎn)成一個字符串可選傳給服務(wù)器的文件名稱一個。 系列文章 關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(零)關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(一) ----- XMLHttpRequest關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(二) ----- File關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(三) ----- FormData關(guān)于前端上傳文...
摘要:沒有瀏覽器測試,所以不知道是不是有效,其實里面看起來比我寫的那個復(fù)雜,實際上多了個檢驗格式上兼容寫法所以不要怕,如果我錯了記得提醒下我啊。目前為止其實已經(jīng)該說的都差不多覆蓋到了吧,動手能力強的話已經(jīng)可以根據(jù)教程寫一個實例出來的了。 系列文章 關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(零)關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(一) ----- XMLHttpRequest關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(...
閱讀 3213·2021-11-11 16:54
閱讀 2376·2021-09-04 16:48
閱讀 3303·2019-08-29 16:08
閱讀 705·2019-08-29 15:13
閱讀 1432·2019-08-29 15:09
閱讀 2730·2019-08-29 12:45
閱讀 1989·2019-08-29 12:12
閱讀 511·2019-08-26 18:27