Jump to content


Photo

Botão Submit Com Imagem


  • Faça o login para participar
10 replies to this topic

#1 Thais Baio

Thais Baio

    12 Horas

  • Usuários
  • 150 posts
  • Sexo:Feminino

Posted 11/04/2008, 23:39

Como fazer para colocar uma imagem ao invés de um botão padrão com o valor para submeter o formulário (submit)?

Tenho esse código na parte de busca do meu site:
<form id="busca" method="post" action="busca.php">
<input type="text" name="q" id="q" />
</form>
E quero colocar uma imagem para submeter os dados ao invés do botão padrão.

Obrigado

#2 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 11/04/2008, 23:59

<input type="image" src="endereço da imagem">

creio que seja isso que vc precisa Thaís...qualquer dúvida só postar de novo
Posted Image

#3 DarkSign

DarkSign

    Doutor

  • Usuários
  • 868 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Tecnologias na área WEB em geral e desenvolvimento.

Posted 12/04/2008, 01:03

<input type="image" src="endereço da imagem">

creio que seja isso que vc precisa Thaís...qualquer dúvida só postar de novo


Tá faltando isso aqui pra ele postar o form

<input type="image" src="endereço da imagem" value="submit">

/*DarkSign*/

Edição feita por: DarkSign, 12/04/2008, 01:04.

Não sabe por onde começar? Que tal pelas Regras ?

#4 Thais Baio

Thais Baio

    12 Horas

  • Usuários
  • 150 posts
  • Sexo:Feminino

Posted 12/04/2008, 12:17

Obrigado pela ajuda, mas não consegui resolver com essas dicas...o botão ficava enorme =/

O que eu fiz foi o seguinte:

Coloquei um id para cada input...assim:

<form id="q" name="q" method="get" action="busca.php">
<input id="teste1" type="text" name="q" id="q" />
<input id="teste" type="image" src="Imagens/busca.png" value="submit" />
</form>

E no CSS assim:
input#teste1 {margin-bottom:5px; width:200px;}
input#teste {margin-top:17px; width:35px; height:35px;}

E ai deu certo :D

#5 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 12/04/2008, 12:57

pode ter ficado grande, pois esqueci de falar que vc tinha que colocar as dimensões, mas que bom que vc conseguiu! ^^
Posted Image

#6 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 12/04/2008, 23:25

Só uma observação no seu código, Thais: tanto o formulário quanto o campo de busca estão com o mesmo id. O id é único. E o campo de busca está com dois id.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#7 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 26/09/2017, 21:48

Comprar Cialis 20 Mg online pharmacy Pacific Care Prescriptions
Cheap Propecia France cialis buy online Seine Viagra Y El Embarazo
Acquisto Kamagra Paris Le Viagra Pourquoi cialis price Cialis Unam

#8 BobbyCak

BobbyCak

    договор ок

  • Usuários
  • 12238 posts
  • Sexo:Feminino
  • Localidade:Liberia
  • Interesses:115141

Posted 26/09/2017, 22:29

доверенность в водоканал образец

договор на пошив штор образец Универсальный передаточный документ 2014 образец Письмо отказ от сотрудничества образец Crosser cr t1 инструкция Исковое заявление о защите прав потребителей образец заполненный Образец заполнения анкеты на госслужбу Характеристика с места жительства от соседей образец на подростка План фхд автономного учреждения на 2017 год образец соглашение о замене стороны в договоре аренды уточнение к апелляционной жалобе образец арбитраж постановление 1076 договор о целевом обучении акт прёма передачи транспортного средства отчет по учебной практике дошкольное образование бланк заявление о расторжении брака образец в суд с детьми 2017 подача заявления на развод в одностороннем порядке Постановление правительства рф 713 о регистрации по месту пребывания Заявление о наложении ареста на имущество должника. образец Акт о несчастном случае в школе Жалоба на решение фас в арбитражный суд образец Постановление о возбуждении уголовного дела и принятии к производству бланк Водительская медицинская справка нового образца Внутренний финансовый контроль в казенном учреждении образец 2017 заявление на вычет по ндфл на ребенка 2017 образец скачать причины списания материалов в акте примеры объяснительная записка образец на работу обвинительное заключение по уголовному делу образец заявление на получение справки 2 ндфл образец

образец расписки на деньги в долг акт о списании материальных запасов ф 0504230 бланк скачать word образец эффективного контракта с учителем школы заполненный акт о простое по погодным условиям образец

образец письма о подтверждении трудового стажа постановление пленума вс от 27.12.2002 29 возмещение перерасхода по авансовому отчету проводка отчет о давальческом сырье образец отчёт о прибылях и убытках бланк поименный список работников для прохождения медосмотра образец кс 2 кс3 образец заполнения заявление в страховую компанию о восстановлении кбм существенные условия договора это условия без согласования которых договор считается договор аренды машиноместа положение о нематериальной мотивации персонала образец постановление правительства рф 841 от 02.11.2000 с изменениями 2017 панавир гель инструкция по применению ветеринарное свидетельство на молоко образец код дохода 1010 в справке 2-ндфл объяснительная записка об опоздании на работу образец отказ от земельного участка заявление образец заявление в росреестр на регистрацию права собственности образец образец удостоверения следственного комитета террористический акт уголовно-правовая характеристика устав ооо управляющей компании жкх образец доверенность на техническое обслуживание автомобиля образец уведомление о снятии совмещения образец написание проекта образец ходатайство о назначении судебно-психиатрической экспертизы образец дефектная ведомость на ремонт подъездов образец акт классификации испдн по 1119 пример

готовое заявление на аттестацию воспитателя на 1 категорию по фгос договор купли продажи киоска заявление носителя русского языка образец заполнения 87 постановление с изменениями 2017

#9 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 29/10/2017, 10:27

Cialis 20mg Conditionnement Fedex Progesterone Pharmacy With Next Day Delivery best price for levitra 20mg Cialis En Promocion
Cephalexin 500mg Dosage Propecia Dosage Depression Next Day Delivery Pharmacy viagra online prescription Compra Viagra In Farmacia Cialis 5 Compresse Cialis Prix

#10 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 16/11/2017, 18:52

Sinus Cephalexin online pharmacy Tomar Cialis Todos Los Dias
Estrace .5 Retin Keflex Drug Used For viagra online Coutu Cialis 10 Mg Generico
Order Kamagra Online Australia Renacidin Propecia cialis Propecia Wirksamkeit

#11 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 16/11/2017, 23:03

Difference Between Red Or Green Keflex viagra prescription Amoxicillin Tr




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq