欧美韩国日本一区,久久久亚洲精选,日产精品一区二区

主頁 > 知識庫 > 關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼（入門）

關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼（入門）

前言

為什么分章節(jié)寫呢？因為覆蓋的知識點比較多，也可能我力盡詳細(xì)介紹，照顧下基礎(chǔ)不好的人，溫故而知新。

剛開始的確是打算一篇搞定的，寫道一半發(fā)覺已經(jīng)相當(dāng)長篇大論了，好多人例如我一進來看到這么多內(nèi)容就已經(jīng)怕了，而且不是每個人都需要了解全部內(nèi)容，于是就打算分開來，讓讀者按需了解吧。

至于為什么會有零這一章節(jié)呢？因為實在太基礎(chǔ)了，大多數(shù)人都可以無視，僅供少部分新手跟記性不好的人，如果你覺得你可以就跳過吧。

下面開始說正事上傳對我來說一直是個挺恐怖的東西,接觸的也比較少,因為以前沒有標(biāo)準(zhǔn),為了實現(xiàn)一個上傳得寫各種惡心兼容代碼,而插件往往容易有些bug也沒能力修改,時至今日,真正的勇士始終得直面鮮血淋漓的現(xiàn)實,所以我就特意開個掃盲貼,研究總結(jié)一下關(guān)于上傳得小知識,下面帶大家瀏覽一下我需要使用到的一些API.

零, 基礎(chǔ)(知識點主要來源于w3school)(已經(jīng)熟悉的人直接跳過這一章節(jié)吧)

<form action="" method="" ></form>

標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。表單能夠包含 input 元素，比如文本字段、復(fù)選框、單選框、提交按鈕等等。表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。表單用于向服務(wù)器傳輸數(shù)據(jù)。

字段	描述
name	規(guī)定表單的名稱
action	規(guī)定當(dāng)提交表單時向何處發(fā)送表單數(shù)據(jù)
enctype	(on/off)規(guī)定在發(fā)送表單數(shù)據(jù)之前如何對其進行編碼
method	(get/post)規(guī)定用于發(fā)送 form-data 的 HTTP 方法
novalidate	如果使用該屬性，則提交表單時不進行驗證。(Html5屬性)
onsubmit	Form 對象的 onsubmit 屬性指定了一個事件句柄函數(shù)。當(dāng)用戶單擊了表單中的 Submit 按鈕而提交一個表單時，就會調(diào)用這個事件句柄函數(shù)。注意，當(dāng)調(diào)用方法Form.submit() 時，該處理器函數(shù)不會被調(diào)用。如果 onsubmit 句柄返回 fasle，表單的元素就不會提交。如果該函數(shù)返回其他值或什么都沒有返回，則表單會被提交

詳情查閱請狠狠地點擊關(guān)于form

label

<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<label for="girl">Girl</label>
<input type="radio" name="sex" id="girl" />

label 元素不會向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標(biāo)用戶改進了可用性。如果您在 label 元素內(nèi)點擊文本，就會觸發(fā)此控件。就是說，當(dāng)用戶選擇該標(biāo)簽時，瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。

字段	描述
for	規(guī)定 label 綁定到哪個表單元素
form	規(guī)定 label 字段所屬的一個或多個表單

詳情查閱請狠狠地點擊關(guān)于label

input

<input type="text" name="fname"/>
<input type="password" name="password">

<input type="checkbox" name="Bike">
<input type="checkbox" name="Car">

<input type="radio" checked="checked" name="Sex" value="male"/>
<input type="radio" name="Sex" value="female"/>

<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>

<textarea rows="10" cols="30">

標(biāo)簽用于搜集用戶信息。根據(jù)不同的 type 屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復(fù)選框、碼后的文本控件、單選按鈕、按鈕等等。

詳情查閱請狠狠地點擊關(guān)于input

<input type="submit" value="Submit">

Submit 對象代表 HTML 表單中的一個提交按鈕,在表單提交之前，觸發(fā) onclick 事件句柄，并且一個句柄可以通過返回 fasle 來取消表單提交。

submit: 把表單數(shù)據(jù)提交到 Web 服務(wù)器。該方法提交表單的方式與用戶單擊 Submit 按鈕一樣，但是表單的 onsubmit 事件句柄不會被調(diào)用。

詳情查閱請狠狠地點擊關(guān)于submit

<button type="button">Click Me!</button>

在 button 元素內(nèi)部，您可以放置內(nèi)容，比如文本或圖像。這是該元素與使用 input 元素創(chuàng)建的按鈕之間的不同之處。

<button> 控件與 <input type="button"> 相比，提供了更為強大的功能和更豐富的內(nèi)容。標(biāo)簽之間的所有內(nèi)容都是按鈕的內(nèi)容，其中包括任何可接受的正文內(nèi)容，比如文本或多媒體內(nèi)容。例如，我們可以在按鈕中包括一個圖像和相關(guān)的文本，用它們在按鈕中創(chuàng)建一個吸引人的標(biāo)記圖像。

唯一禁止使用的元素是圖像映射，因為它對鼠標(biāo)和鍵盤敏感的動作會干擾表單按鈕的行為。

請始終為按鈕規(guī)定 type 屬性。Internet Explorer 的默認(rèn)類型是 "button"，而其他瀏覽器中（包括 W3C 規(guī)范）的默認(rèn)值是 "submit".

(重要事項：如果在 HTML 表單中使用 button 元素，不同的瀏覽器會提交不同的值。Internet Explorer 將提交 <button> 與 <button/> 之間的文本，而其他瀏覽器將提交 value 屬性的內(nèi)容。請在 HTML 表單中使用 input 元素來創(chuàng)建按鈕。)

字段	描述
name	規(guī)定按鈕的名稱
disabled	規(guī)定應(yīng)該禁用該按鈕

詳情查閱請狠狠地點擊關(guān)于button

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

標(biāo)簽：果洛常德廣西鄂爾多斯阿克蘇蚌埠松原廣東

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼（入門）》，本文關(guān)鍵詞關(guān)于,前端,上傳,文件,全面,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。