修改input標籤type=file型別按鈕的值
html程式碼如下:
<input type= "file" id= "file" name= "file" style= "display:none" onchange= "changeAgentContent()" />
<input type= "text" value= "" disabled id= "inputFileAgent" />
<input type= "button" onclick= "document.getElementById('file').click()" th:value="檔案上傳" />
js:
function changeAgentContent(){
document.getElementById( "inputFileAgent" ).value = document.getElementById( "file" ).value;
}
效果圖:
相關文章
- type=“file”的input標籤美化
- <th>標籤的<input type="reset"/>重置按鈕簡單介紹屬性
- <input type="file"> 限制檔案型別型別
- 如何清除<input type="file">的值
- input的type值型別和描述-HTML型別HTML
- 原生前端:input標籤 number型別輸入框如何清除上下加減按鈕?前端型別
- [CSS]Input標籤與圖片按鈕對齊CSS
- HTML5--表單標籤input新增type值HTML
- JavaScript input type=file 獲取檔案大小及型別限制JavaScript型別
- input type="file"使用
- 窗體(文字框,按鈕,單選按鈕,標籤)
- js清空<input type="file">值程式碼例項JS
- 動態修改input元素type屬性值
- <input type="range">標籤用法例項程式碼
- 將input type="file" 型別的圖片檔案轉成base64型別
- jQuery匹配指定type型別input元素jQuery型別
- HTML input image按鈕HTML
- HTML input image 按鈕HTML
- HTML input button按鈕HTML
- HTML input button 按鈕HTML
- HTML input submit 按鈕HTMLMIT
- js根據input標籤的type屬性篩選元素JS
- Swift更改SearchBar的“No Results”標籤和“Cancel”按鈕Swift
- 窗體(隨機數,列表框,標籤,按鈕,修改窗體名字)隨機
- input[type=file]使用css美化效果CSS
- 給<input type="file">增加樣式
- ABAP ALV TOOLBAR 自定義按鈕的型別以及listmenu按鈕型別
- HTML input reset 重置按鈕HTML
- HTML5的input:file上傳型別控制HTML型別
- <input type="file">美化例項程式碼
- HTML input submit和reset按鈕HTMLMIT
- input 標籤詳解
- HTML5的 input:file上傳以及型別控制HTML型別
- 將input標籤的內容設定為修改觸發操作
- <input type="file"> 選中多個檔案
- <input type="file">美化效果程式碼例項
- IOS:修改NavigationController的後退按鈕標題iOSNavigationController
- elementUI去掉input右邊上下按鈕UI