2010-09-27 2 views
0

Вот мой код:форма представляется щелкать изображение

<form action="telecallerinfo.php?action=modify&id=<?php echo $id;?>" method="post" enctype="multipart/form-data"> 
<table class="panel1"> 
    <tr> 
     <td>Caller Name:&nbsp;<input name="tele_caller" type="text" size="15" value="<?php echo $tele_caller?>" /></td> 
    </tr> 
    <tr> 
     <td align="right"> 
     <input name="submit" id="submit" type="image" src="images/submit.gif" width="60" onclick="this.form.submit();"/> 
     <input name="cancel" id="cancel" type="image" src="images/cancel.gif" width="60" onclick="window.location.href='telecallerinfo.php';"/> 
     </td> 
    </tr> 
</table> 
</form> 

но потом я нажав на изображение отменить. Форма отправляется. Как остановить его, потому что я хочу обновить только страницу. Есть ли способ предоставить функцию сброса изображения?

ответ

2
<a href="telecallerinfo.php"><img src="images/cancel.gif" alt="DON'T FORGET ALTERNATIVE TEXT"></a> 
0

Просто попробуйте один

<input type="image" src="butup.gif" alt="Submit button"> 

Некоторые браузеры обыкновение поддержку вкладке «альт», так что это еще один способ:

<html> 
    <body> 
    <form action="example.cgi" method="post"> 
    <input type="text" name="login"> 
    <br> 
    <input type="image" src="submit.gif"> 
    <input type="image" src="reset.gif"> 
    </form> 
    </body> 
    </html> 
+0

не работает .... – champ

+0

Возможно, ваш браузер игнорирует «alt». – Rupeshit

+0

Попробуйте это: <форма действия = метод "example.cgi" = "пост"> <входной тип = "текст" имя = "Войти">
<входной тип = "изображение" SRC = "submit.gif"> Rupeshit

0
<input type="reset" name="Reset" id="button" value="Reset" /> 
+0

, но мне нужно использовать изображение .. – champ

3

входы изображения отправить форму при нажатии. Вам необходимо указать return false в вашем обработчике событий, чтобы остановить нормальное действие кнопки.

<input name="cancel" id="cancel" type="image" src="images/cancel.gif" width="60" onclick="window.location.href='telecallerinfo.php'; return false;"/> 

В теории же следует провести для Submit-изображения, но на самом деле вы просто должны отказаться от обработчика событий, и пусть действие по умолчанию отправить форму при нажатии.

Для кнопки, которая просто перемещается на страницу, вам будет лучше использовать простую ссылку.

Есть ли способ предоставить функцию сброса изображения?

Если вы действительно хотите:

<img onclick="document.getElementById('someform').reset();"> 

Но было бы лучше сделать это без JS, используя реальную кнопку сброса:

<button type="reset"> 
    <img src="images/cancel.gif" alt="Reset"/> 
</button> 

Это даст вам графическую кнопку вокруг изображение, но вы можете избавиться от этого с помощью CSS:

border: none; padding: 0; margin: 0; background: transparent; 

Вы действительно хотите сбросить? Они редко бывают полезными, и часто раздражает, если случайно нажал думая они кнопки отправки ...

+0

thanxx вся моя проблема решена ... – champ

+0

спасибо за информацию„входы изображения отправить форму при нажатии“. так – Sumia

2

Вы можете попробовать это, если вы хотите его как изображение:

<button type="reset"> 
<img src="image location" alt="Reset" /> 
</button> 

Он работает, но , Кнопки RESET являются разрушительными и не должны использоваться , за исключением ситуаций, когда разрушение ввода пользователя действительно желательно.

Смежные вопросы