Question

我想在输入类型=提交中将图像作为值。我试过了：

    <input type="submit"  value="<img src='25.gif'/>"/>

但它不起作用，我不知道为什么。你能救我吗？

我不知道输入类型=“图像”。

Answer 1

 .submit{
  background-image: url(https://wallscover.com/images/cool-6.jpg);
  min-width: 300px;
  height: 300px;
  background-size: cover;
  background-position:center;
 }

<input type="submit" class="submit" value=""/>

<强>更新使用div作为按钮，并将图像设置为div，可以实现所需的功能。当用户点击div时，您调用提交的单击（或者您可以从js提交）

#submit-button{
  padding: 10px;
  border: 1px solid lightgray;
  display: table;
  position: relative;
  box-shadow: 1px 1px 5px lightgray;
  border-radius: 5px;
  cursor: pointer;
}
#submit-button:hover{
  box-shadow: 1px 1px 10px lightgray;
}

img{
  vertical-align: middle;
}

<div id="submit-button" onclick="document.getElementById('submit-btn').click()">
  <img src="https://wallscover.com/images/cool-6.jpg" width="50">
  <input type="submit" style="display:none" id="submit-btn" />
</div>

Answer 2

根据您的问题，我相信您想制作背景图片：

https://jsfiddle.net/nfwaqpz3/2/

HTML

<input type="submit" value="Button" id="foo" />

CSS

#foo {
  width: 300px;
  height: 50px;
  background: url('https://sciencetrends-techmakaillc.netdna-ssl.com/wp-content/uploads/2017/10/DhLkp-450x304.jpg'); 
}

如何将图像放入输入类型提交

2 个答案: