第三篇
HTML教學
第九節
網頁表單
上傳檔案表單 File Form 範例
請注意:
這些標籤詳細用法,請參考前面網頁表單基本架構標籤教學!
請注意:
這些標籤詳細用法,請參考前面 PassWord 教學!
請注意:
此按鈕產生的文字,瀏覽....
會隨瀏覽器語系自動選用,這是內設值您無法改變!
Type
="
File
" 用於上傳檔(傳遞)案資料到主機內範例
<Form
Method
="
Post
"
Action
="
test.asp
"
Enctype
="
Multipart/Form-Data
">
選擇您要上傳的檔案:
選擇您要上傳的檔案:
<Input
Type
="
File
"
Name
="
YouFile
">
<Input
Type
="
Submit
"
Value
="
確 認 傳 送
">
<Input
Type
="
Reset
"
Value
="
清 除 重 選
">
</Form>
Type
="
File
"
使用時機:將電腦內的檔案資料,藉由瀏覽器上傳到遠端主機的目錄內。
按下瀏覽按鈕
,瀏覽器會叫出您電腦內主磁碟機目錄,讓您選擇要送出的檔案。
按下傳送按鈕,表單資料就會傳送出去。
按下清除按鈕,表單欄位資料立即會被清除。
<
Form
>
...
<
/Form
>
表單開始與結束宣告,此對標籤絕對不能省略。
屬性
Type
="
File
"
會呼叫電腦內的目錄,提供使用者點選上傳(傳遞)檔案到主機內。
屬性
Name
="
YouFile
"
為必要設定值,提供給後端程式處理的變數值
(取名稱時最好與欄位有關)
。
屬性
Submit
或
Reset
的
Vlue
值,如果沒有設定,會以預設的【送出查詢】或【重設】顯示。
注意:這裡使用的
Enctype
屬性值為 "
Multipart/Form-Data
",不能省略或用錯。