前端上傳文件的示例分析

這篇文章將為大家詳細講解有關前端上傳文件的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

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

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

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

詳情查閱請狠狠地點擊關于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 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。 標簽的 for 屬性應當與相關元素的 id 屬性相同。

詳情查閱請狠狠地點擊關于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">

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

詳情查閱請狠狠地點擊關于input

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

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

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

詳情查閱請狠狠地點擊關于submit

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

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

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

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

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

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

關于“前端上傳文件的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。