HTML & CSS - 更改输入按钮中的文本值

标签 html css

<分区>

我正在尝试更改类型文件的输入按钮的文本值。我知道它是参数 value='' 但在这种情况下它不起作用。

我的代码:

<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>

你能帮帮我吗?

谢谢!

最佳答案

<!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 类。

关于HTML & CSS - 更改输入按钮中的文本值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40654339/

上一篇:html - 使用视口(viewport)将站点保持在固定大小?

下一篇:html - 我怎样才能使背景图像充满和高度

相关文章:

css - 为什么第二次动态添加类到元素后动画不会重置并再次播放

html - CSS选择列表中的第四个 child

html - 为什么这个 CSS 输入边框会显示?

html - Bootstrap 4折叠按钮不可点击

css - 将鼠标悬停在数据行上时显示编辑/删除链接

javascript - 显示尺寸太小时内容重叠

html - 如何使表格相对于标题居中?

javascript - 调整游戏音乐的音量

javascript - 在保持比例的同时调整 Div 的大小

html - 为什么我的 body 不适应网页上的内容