Jump to content
  • 0

Не работает форма - действие


okunev2
 Share

Question

Есть форма:

 <form action="modules.php?name=Mymodule" method="post">
<td class="main44"></td>
<td valign="middle"> <input class="searh_bottom" type="image" title=" Искать " src="images/button_search.jpg"></td>
</form>

Почему при нажатии кнопки (она картинкой) - не происходит Поиска, а когда нажимаешь Enter все гуд!?

Где я ошибся?

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

type="submit" —-- вот тут, тип должен быть такой, чтобы передавать данные на сервер.

мой вариант —- это использование кнопки, но очертаний которой не видно.

Единсвенное, что остается, это эффект нажатия, но думаю, что этот эффект не сильно портит картину, скорее дополняет

Вот код для картинки, т.е. замаскированной кнопки под картинку:

<input type="submit" style="background: url(search.gif); border: 0; height: 17px; width: 22px;" value="">

Высоту и ширину пришлось задать по размерам картинки, т.к. у меня IE6 не полностью отображал картинку. Проверил в IE6 и Opera —- все так и подобает прилежной кнопке.

Так же не следует забывать про пустое value, иначе кнопку подпишет стандартно для конкретного браузера.

P.S. Надеюсь, что я правильно понял суть проблемы и помог ее решить :(

Link to comment
Share on other sites

  • 0

недостаток кнопки со стилевым прописыванием картинки - пока картинка не загрузилась (при большом количестве графики) отображается пустое место. если же использовать как топикстартер и делает type=image, видно текст пока подгружается рисунок

с другой стороны, type=image с онкликом не будет работать при отключенной обработке событий

Link to comment
Share on other sites

  • 0

Вот что написано у Влада Мержевича в справочнике по HTML:

про image ——- "Поле с изображением. При нажатии на рисунок данные формы отправляются на сервер."

Интересно в чем же тут дело. Жаль, что я не могу проверить сам.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

  • Обсуждения

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy