主頁(yè) > 知識(shí)庫(kù) > 關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(入門)

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

熱門標(biāo)簽:洛陽(yáng)市伊川縣地圖標(biāo)注中心官網(wǎng) 江蘇高頻外呼系統(tǒng)線路 地圖標(biāo)注自己去過(guò)的地方 平頂山電子地圖標(biāo)注怎么修改 標(biāo)準(zhǔn)智能外呼系統(tǒng) 電銷機(jī)器人視頻 高德地圖標(biāo)注錯(cuò)誤怎么修改 會(huì)聲會(huì)影怎樣做地圖標(biāo)注效果 搜狗星級(jí)酒店地圖標(biāo)注

前言

為什么分章節(jié)寫(xiě)呢?因?yàn)楦采w的知識(shí)點(diǎn)比較多,也可能我力盡詳細(xì)介紹,照顧下基礎(chǔ)不好的人,溫故而知新。

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

至于為什么會(huì)有零這一章節(jié)呢?因?yàn)閷?shí)在太基礎(chǔ)了,大多數(shù)人都可以無(wú)視,僅供少部分新手跟記性不好的人,如果你覺(jué)得你可以就跳過(guò)吧。

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

零, 基礎(chǔ)(知識(shí)點(diǎn)主要來(lái)源于w3school)(已經(jīng)熟悉的人直接跳過(guò)這一章節(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)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù)
enctype (on/off)規(guī)定在發(fā)送表單數(shù)據(jù)之前如何對(duì)其進(jìn)行編碼
method (get/post)規(guī)定用于發(fā)送 form-data 的 HTTP 方法
novalidate 如果使用該屬性,則提交表單時(shí)不進(jìn)行驗(yàn)證。(Html5屬性)
onsubmit Form 對(duì)象的 onsubmit 屬性指定了一個(gè)事件句柄函數(shù)。當(dāng)用戶單擊了表單中的 Submit 按鈕而提交一個(gè)表單時(shí),就會(huì)調(diào)用這個(gè)事件句柄函數(shù)。注意,當(dāng)調(diào)用方法Form.submit() 時(shí),該處理器函數(shù)不會(huì)被調(diào)用。如果 onsubmit 句柄返回 fasle,表單的元素就不會(huì)提交。如果該函數(shù)返回其他值或什么都沒(méi)有返回,則表單會(huì)被提交

詳情查閱請(qǐng)狠狠地點(diǎn)擊關(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 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過(guò),它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本,就會(huì)觸發(fā)此控件。就是說(shuō),當(dāng)用戶選擇該標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。

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

詳情查閱請(qǐng)狠狠地點(diǎn)擊關(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ù)選框、碼后的文本控件、單選按鈕、按鈕等等。

詳情查閱請(qǐng)狠狠地點(diǎn)擊關(guān)于input

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

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

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

詳情查閱請(qǐng)狠狠地點(diǎn)擊關(guān)于submit

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

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

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

唯一禁止使用的元素是圖像映射,因?yàn)樗鼘?duì)鼠標(biāo)和鍵盤敏感的動(dòng)作會(huì)干擾表單按鈕的行為。

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

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

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

詳情查閱請(qǐng)狠狠地點(diǎn)擊關(guān)于button

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

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

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(入門)》,本文關(guān)鍵詞  關(guān)于,前端,上傳,文件,全面,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(入門)》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于關(guān)于前端上傳文件全面基礎(chǔ)掃盲貼(入門)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章