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>

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

1 个答案: