HTML＆CSS - 更改輸入按鈕中的文本值

我試圖更改文件類型的輸入按鈕的文本值。我知道它是參數值=''，但在這種情況下它不起作用。HTML＆CSS - 更改輸入按鈕中的文本值

我的代碼：

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
 
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> 
 
<link href="assets/css/custom-sugar-style.css" rel="stylesheet"> 
 
<div class="container-fluid"> 
 
    <div class="row"> 
 
    <div class="col-md-12 text-center"> 
 
     <img class="img-sugar" src="assets/images/SUGAR.png" /> 
 
     <br> 
 
     <br> 
 
     <br> 
 
    </div> 
 
    </div> 
 
    <div class="row"> 
 
    <div class="col-md-12 text-center"> 
 
     <form action="shareimage.php" method="post"> 
 
     <input class="button-camera" type="file" accept="image/*" capture="camera" value="Take a photo" /> 
 
     </form> 
 
    </div> 
 
    </div>

你能幫助我嗎？

謝謝！

來源

2016-11-17 ruzD

你是什麼意思，說「不能正常工作」？ – lomboboo

檢查這篇文章[這裏]（http://stackoverflow.com/questions/686905/labeling-file-upload-button）。這可能有幫助。 – realtymarker

你的意思是''placeholder =「在用戶輸入文本之前出現在輸入字段內的東西」''？ – Crowes

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
</head> 
<body> 
<script language="JavaScript" type="text/javascript"> 
function HandleBrowseClick() 
{ 
var fileinput = document.getElementById("browse"); 
fileinput.click(); 
} 
function Handlechange() 
{ 
var fileinput = document.getElementById("browse"); 
    var textinput = document.getElementById("filename"); 
    textinput.value = fileinput.value; 
    } 
</script> 

<input type="file" id="browse" name="fileupload" style="display: none" onChange="Handlechange();"/> 

<input type="button" value="Take a photo" id="fakeBrowse" onclick="HandleBrowseClick();"/>No file chosen 
</body> 
</html>

嘗試這種技術，並把它應用你的CSS類。

來源

2016-11-17 12:28:42

完美！謝謝！ – ruzD

總是歡迎你。 – 2016-11-17 12:36:07

-3

您正在使用輸入類型file，這就是您無法更改該值的原因。

<input class="button-camera" type="file" accept="image/*" capture="camera" value="Take a photo" />

變型

<input class="button-camera" type="Button" accept="image/*" capture="camera" value="Take a photo" />

來源

2016-11-17 12:12:53 rani

OP打算使用輸入類型文件。更改類型不會幫助 –

請首先澄清您的答案嘗試您的解決方案，然後告訴完整且清晰的答案以獲得投票。 – 2016-11-17 13:25:34

HTML＆CSS - 更改輸入按鈕中的文本值

回答

相關問題