溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關前端上傳文件的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
零, 基礎(知識點主要來源于w3school)(已經(jīng)熟悉的人直接跳過這一章節(jié)吧)
<form action="" method="" ></form>
標簽用于為用戶輸入創(chuàng)建 HTML 表單。表單能夠包含 input 元素，比如文本字段、復選框、單選框、提交按鈕等等。表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。表單用于向服務器傳輸數(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ù)返回其他值或什么都沒有返回，則表單會被提交 |
詳情查閱請狠狠地點擊關于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)任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內(nèi)點擊文本，就會觸發(fā)此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉(zhuǎn)到和標簽相關的表單控件上。 標簽的 for 屬性應當與相關元素的 id 屬性相同。
| 字段 | 描述 |
|---|---|
| for | 規(guī)定 label 綁定到哪個表單元素 |
| form | 規(guī)定 label 字段所屬的一個或多個表單 |
詳情查閱請狠狠地點擊關于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">
標簽用于搜集用戶信息。根據(jù)不同的 type 屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復選框、碼后的文本控件、單選按鈕、按鈕等等。
詳情查閱請狠狠地點擊關于input
<input type="submit" value="Submit">
Submit 對象代表 HTML 表單中的一個提交按鈕,在表單提交之前，觸發(fā) onclick 事件句柄，并且一個句柄可以通過返回 fasle 來取消表單提交。
submit: 把表單數(shù)據(jù)提交到 Web 服務器。該方法提交表單的方式與用戶單擊 Submit 按鈕一樣，但是表單的 onsubmit 事件句柄不會被調(diào)用。
詳情查閱請狠狠地點擊關于submit
<button type="button">Click Me!</button>
在 button 元素內(nèi)部，您可以放置內(nèi)容，比如文本或圖像。這是該元素與使用 input 元素創(chuàng)建的按鈕之間的不同之處。
<button> 控件 與 <input type="button"> 相比，提供了更為強大的功能和更豐富的內(nèi)容。標簽之間的所有內(nèi)容都是按鈕的內(nèi)容，其中包括任何可接受的正文內(nèi)容，比如文本或多媒體內(nèi)容。例如，我們可以在按鈕中包括一個圖像和相關的文本，用它們在按鈕中創(chuàng)建一個吸引人的標記圖像。
唯一禁止使用的元素是圖像映射，因為它對鼠標和鍵盤敏感的動作會干擾表單按鈕的行為。
請始終為按鈕規(guī)定 type 屬性。Internet Explorer 的默認類型是 "button"，而其他瀏覽器中（包括 W3C 規(guī)范）的默認值是 "submit".
(重要事項：如果在 HTML 表單中使用 button 元素，不同的瀏覽器會提交不同的值。Internet Explorer 將提交 <button> 與 <button/> 之間的文本，而其他瀏覽器將提交 value 屬性的內(nèi)容。請在 HTML 表單中使用 input 元素來創(chuàng)建按鈕。)
| 字段 | 描述 |
|---|---|
| name | 規(guī)定按鈕的名稱 |
| disabled | 規(guī)定應該禁用該按鈕 |
關于“前端上傳文件的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
