HTML：如何使用文本+；图像在里面？

我想有一个提交按钮，其中包含文本和图像。这可能吗

我可以通过如下代码获得所需的精确外观：

<button type="button">
<img src="save.gif" alt="Save icon"/>
<br/>
Save
</button>

拯救

。。。但是我还没有找到一种方法在我的表格里放一个。 有没有一种方法可以用

<input type="submit" ...> 

元素？还是我被迫走图像或文本的道路？ 谢谢你的帮助

input type=“submit”

是在表单中设置提交按钮的最佳方式。这样做的缺点是，您不能将文本以外的任何内容作为其值。button元素可以包含其他HTML元素和内容

尝试将

type=“submit”

而不是

type=“button”

放在

按钮

元素（）中

但是，请特别注意该页面中的以下内容：

如果在HTML表单中使用按钮元素，不同的浏览器将提交不同的值。Internet Explorer将提交

和

标记之间的文本，而其他浏览器将提交value属性的内容。使用input元素在HTML表单中创建按钮

---

假设您的图像是一个名为icon.png的16x16.png图标，请使用CSS的强大功能

CSS:

HTML:

---

这将把图像放在文本的左边。

你自己就很接近答案了

<button type="submit">
<img src="save.gif" alt="Save icon"/>
<br/>
Save
</button>

拯救

或者，您可以删除type属性

<button>
<img src="save.gif" alt="Save icon"/>
<br/>
Save
</button>

拯救

非常有趣。 我已经能够使我的表单正常工作，但生成的电子邮件显示：

imageField_x:80 图像字段y:17

在我收到的电子邮件的底部

这是我的按钮代码

    <tr>
      <td><input type="image" src="images/sendmessage.gif" / ></td>
      <td colspan="2"><input type="image" src="images/printmessage.gif"onclick="window.print()"></td>
    </tr>

也许这对你和我都有帮助

：-）

根据需要更改输入样式元素以获得所需的按钮

---

我希望这会有帮助。

我找到了一个非常简单的解决方案！如果您有一个表单，并且希望有一个自定义提交按钮，则可以使用以下代码：

<button type="submit">
    <img src="login.png" onmouseover="this.src='login2.png';" onmouseout="this.src='login.png';" />
</button>

或者直接指向页面的链接。

如果有选项，您可以使用它们而不是图像

下面使用了

• ,
• ,
• CSS:

在HTML中：

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

<form name="signin" action="#" method="POST">
    <input type="text" name="text-input" placeholder="&#xf183; your username" class="stylish"/><br/>
    <input type="submit" value="&#xf090; sign in" class="stylish"/>
</form>

---

请注意

字体系列

规范：所有字符/代码点都将使用

georgia

，对于任何代码点georgia不提供字符

georgia

未在中提供任何字符。

请参阅此链接。您可以使用任意按钮，只需使用javascript提交表单即可

您可以执行以下操作：

HTML代码：

    <form action="submit.php" method="get" id="form">        
    <a href="javascript: submitForm()">        
    <img src="save.gif" alt="Save icon"/>        
    <br/>        
    save        
    </a>        
    </form>        

---

下面是另一个例子：

<button type="submit" name="submit" style="border: none; background-color: white">

---

什么是

#ccc url（'icon.png'）

意思？什么是

#ccc url（'icon.png'）

意思？那只是一种接近浅灰色的十六进制颜色

.stylish {
    font-family: georgia, FontAwesome;
}

    <form action="submit.php" method="get" id="form">        
    <a href="javascript: submitForm()">        
    <img src="save.gif" alt="Save icon"/>        
    <br/>        
    save        
    </a>        
    </form>        

    var form=document.getElementById("form");        
    function submitForm()        
    {        
    form.submit();       
    }         

<button type="submit" name="submit" style="border: none; background-color: white">