提交带有图片和文字的表格答案

【问题标题】：Submit form with image and text提交带有图片和文字的表格
【发布时间】：2013-07-18 13:44:35
【问题描述】：

所以我有这个代码来制作提交按钮：

<a  style="text-decoration:none;height:42px;" onclick="document.getElementById('myForm').submit();">
    <input type="image" STYLE="width:152px;height:42px;" class="autosuggest" src="./images/images_25.png"/>
    <p style="position:relative;top:-55px;font-family: 'PT Sans', sans-serif;font-size:20px;color:#FFFFFF;">Entrar</p>
</a>

我想要一个中间有文本的图像，当我单击图像或文本时，它会提交表单。但是，<p> 以某种方式与<a> 混淆，当我单击<p> 时，它什么也不做。只有当我单击图像时才会提交表单。

【问题讨论】：

标签： html image input submit form-submit

【解决方案1】：

尝试将<p> 放在<a> 之外。此外，输入标签不必在 a 内，因为它已经提交了表单：

<input type="image" ... />
<p><a onclick="...">Entrar</a></p>

【讨论】：