html - 提交带有图片和文字的表格

Question

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

<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>它时，它什么也不做。只有当我单击图像时才会提交表单。

Answer 1

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

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