修改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;
}
效果圖:
相關文章
- <input type="file"> 限制檔案型別型別
- input的type值型別和描述-HTML型別HTML
- 原生前端:input標籤 number型別輸入框如何清除上下加減按鈕?前端型別
- input type="file"使用
- HTML input image 按鈕HTML
- HTML input button 按鈕HTML
- HTML input image按鈕HTML
- HTML input button按鈕HTML
- jQuery匹配指定type型別input元素jQuery型別
- HTML input reset 重置按鈕HTML
- HTML input radio單選按鈕HTML
- HTML input radio 單選按鈕HTML
- button標籤的type預設值是什麼呢?
- <input type="file"> 選中多個檔案
- HTML5的 input:file上傳以及型別控制HTML型別
- elementUI去掉input右邊上下按鈕UI
- 將input標籤的內容設定為修改觸發操作
- HTML5的新特性——語義化標籤、多媒體標籤(video、audio)、input型別、表單屬性HTMLIDE型別
- 使用Input type=file 原生上傳使用總結
- input標籤單行文字域type="text"的可以新增屬性以及其描述
- input[type=file] 獲取上傳檔案的內容
- <button>和<input type=“button“> 的區別
- input[type=file]不能選擇同一張圖片
- input標籤autocomplete 屬性
- Go: 指標方法與值方法<->指標型別與值型別Go指標型別
- vue3中清空input type="file"上傳檔案Vue
- 如何給input的右上角加個清除的按鈕?
- [前臺]---js獲取input標籤中name相同的各個value值JS
- 修改labelme標註的標籤名
- 直播網站原始碼,EasyUI按鈕控制標籤顯示與隱藏網站原始碼UI
- golang中 值型別,指標,引用的區別Golang型別指標
- HTML標籤之form,input,button,tableHTMLORM
- TypeScript type 型別別名TypeScript型別
- 微軟提議對 JavaScript 進行重大修改:將新增型別標註(Type Annotations)微軟JavaScript型別
- 關於element ui input標籤的改造樣式UI
- SAP UI5 按鈕的型別和背景色設定例子UI型別
- drools的型別宣告(Type declarations)型別
- 網站標頭的修改,如何修改網站的標題和元標籤網站