前言
為什么分章節寫呢?因為覆蓋的知識點比較多,也可能我力盡詳細介紹,照顧下基礎不好的人,溫故而知新。
剛開始的確是打算一篇搞定的,寫道一半發覺已經相當長篇大論了,好多人例如我一進來看到這么多內容就已經怕了,而且不是每個人都需要了解全部內容,于是就打算分開來,讓讀者按需了解吧。
至于為什么會有零這一章節呢?因為實在太基礎了,大多數人都可以無視,僅供少部分新手跟記性不好的人,如果你覺得你可以就跳過吧。
下面開始說正事上傳對我來說一直是個挺恐怖的東西,接觸的也比較少,因為以前沒有標準,為了實現一個上傳得寫各種惡心兼容代碼,而插件往往容易有些bug也沒能力修改,時至今日,真正的勇士始終得直面鮮血淋漓的現實,所以我就特意開個掃盲貼,研究總結一下關于上傳得小知識,下面帶大家瀏覽一下我需要使用到的一些API.
零, 基礎(知識點主要來源于w3school)(已經熟悉的人直接跳過這一章節吧)
<form action="" method="" ></form>
標簽用于為用戶輸入創建 HTML 表單。表單能夠包含 input 元素,比如文本字段、復選框、單選框、提交按鈕等等。表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。表單用于向服務器傳輸數據。
字段 | 描述 |
---|---|
name | 規定表單的名稱 |
action | 規定當提交表單時向何處發送表單數據 |
enctype | (on/off)規定在發送表單數據之前如何對其進行編碼 |
method | (get/post)規定用于發送 form-data 的 HTTP 方法 |
novalidate | 如果使用該屬性,則提交表單時不進行驗證。(Html5屬性) |
onsubmit | Form 對象的 onsubmit 屬性指定了一個事件句柄函數。當用戶單擊了表單中的 Submit 按鈕而提交一個表單時,就會調用這個事件句柄函數。注意,當調用方法Form.submit() 時,該處理器函數不會被調用。如果 onsubmit 句柄返回 fasle,表單的元素就不會提交。如果該函數返回其他值或什么都沒有返回,則表單會被提交 |
詳情查閱請狠狠地點擊關于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 屬性相同。
字段 | 描述 |
---|---|
for | 規定 label 綁定到哪個表單元素 |
form | 規定 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">
標簽用于搜集用戶信息。根據不同的 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 元素來創建按鈕。)
字段 | 描述 |
---|---|
name | 規定按鈕的名稱 |
disabled | 規定應該禁用該按鈕 |
詳情查閱請狠狠地點擊關于button
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答