Submit button helyett hogyan tudok képet berakni?
Úgy, hogy a $_POST működjön az űrlapon továbbra is, lehetőleg CSS-ben.
input[type=submit] {
background-image: url(gombkep.png);
}
valamiért nem csinál semmit.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
input[type="image"] {
background: url('a.png');
width: 49px;
height: 46px;
border: 0;
display: block;
}
</style>
</head>
<body>
<form method="post" action="index.html">
<input type="image" name="a" id="a" value="" />
</form>
</body>
</html>
De a legegyszerűbb akkor lenne, ha a CSS-t kihagynánk, mert a gombhoz full felesleges.
Add meg a source-ot és nem kell külön background-image a CSS-ben.
<!DOCTYPE html>
<html>
<head>
<title>Teszt</title>
</head>
<body>
<form method="post" action="index.html">
<input type="image" src="hatter.jpg" name="a" id="a" value=""/>
</form>
</body>
</html>
Persze a CSS-es verzió is működőképes.
Igazad van van előző.
Már elfelejtettem, hogy src-t is meg lehet adni. :D
Pedig berakja az, csak valamit biztos elrontottál, amúgy submittal:
input[type="submit"] {
background: url('kep.png');
width: 49px;
height: 46px;
border: 0;
display: block;
cursor: pointer;
}
<form method="post" action="index.html">
<input type="submit" name="gomb" id="gomb" value="" />
</form>
Minek bonyolítod túl?? -.-
Akkor én meg leírjam, a PHP-s verzióját vagy mi?
A felesleges JavaScript belassítja az oldalt és feleslegesen ködösíti a kódot...
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!