input上傳按鈕的優化

2022-05-15 00:53:48 字數 1705 閱讀 6012

在使用input標籤按鈕的時候,

顯示很難看,怎麼辦? 

使用label

<

li class

="ware-list mt10"

>

<

span

class

="vel-tit"

>上傳檔案:

span

>

<

input

class

="inputtext fix file_up"

value

=""type

="text"

>

<

input

id ="up_file"

onchange

="change(event)"

class

="inputtext fix"

value

=""type

="file"

style

="display:none"

>

<

label

for="up_file"

><

div

class

="btn-primary"

style

="float:left;height:34px;line-height:34px"

>上傳檔案

div>

label

>

li>

<

li class

="ware-list mt10"

>

<

span

class

="vel-tit"

>上傳圖示:

span

>

<

label

for="up_img"

>

<

div

style

="float:left;"

><

img

ms-duplex

="icon"

ms-attr-src

="}"

>

div>

label

>

<

input

id ="up_img"

onchange

="upimg(event)"

class

="inputtext fix"

value

=""type

="file"

style

="display:none"

>

<

label

for="up_img"

><

div

class

="btn-primary"

style

="float:left;height:34px;line-height:34px"

>新增

div>

label

>

li>

在上傳檔案的地方:我將上傳input標籤隱藏,將上傳按鈕label到input標籤上,點選上傳按鈕的時候,其實質是在點選input[file]按鈕

input按鈕的事件處理大全

input按鈕的事件處理大全1.2.3.4.5.6.7.8.9.10.11.12.13.http localhost type button value 匯入收藏夾 33.http localhost type button value 匯出收藏夾 34.技術沒有巔峰,追求卓越成就未來.input按...

input 的multiple 上傳多個檔案

1.在input標籤中加入 multiple 屬性,可以在乙個輸入框中選擇多個檔案進行上傳 當然,這樣也是一樣的 2.很多時候上傳的時候,我們要限制一下上傳檔案型別 在windows中主要是限制字尾名 或者是把選擇的檔名 路徑 輸出到當前頁面,這需要用js取得選擇檔案的名字 document.get...

點選上傳按鈕,檔案自動上傳

1 input type button class button green value 上傳 onclick upload1 click 2 input type button class button green value 上傳 onclick upload2 click 3 input ty...