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>

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

変化型は、このテクニックを試してみて、その中で自分のCSSクラスを適用します。

出典

2016-11-17 12:28:42

完璧です！ありがとう！ – ruzD

あなたはいつも大歓迎です。 –

-3

入力タイプfileを使用しているため、値を変更できません。

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

出典

2016-11-17 12:12:53 rani

OPは、入力タイプファイルを使用する予定です。タイプの変更は役に立ちません –

あなたの答えを明確にしてから、あなたの解決策を試してください。 –

HTMLとCSS - 入力ボタンのテキスト値を変更する

答えて

関連する問題