html – 如何使用图像作为提交按钮?

前端之家收集整理的这篇文章主要介绍了html – 如何使用图像作为提交按钮?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有人可以帮忙改变这一点,以合并一个名为BUTTON1.JPG的图像而不是标准的提交按钮?
<form id='formName' name='formName' onsubmit='redirect();return false;'>
    <div class="style7">
        <input type='text' id='userInput' name='userInput' value=''>
        <input type='submit' name='submit' value='Submit'>
    </div>
</form>

解决方法

使用图像类型输入:
<input type="image" src="/Button1.jpg" border="0" alt="Submit" />

完整的HTML:

<form id='formName' name='formName' onsubmit='redirect();return false;'>
    <div class="style7">
        <input type='text' id='userInput' name='userInput' value=''>
        <input type="image" name="submit" src="/Button1.jpg" border="0" alt="Submit" />
    </div>
</form>

猜你在找的HTML相关文章