Input-Feld durch eigene Grafik ersetzen - aber wie? - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Input-Feld durch eigene Grafik ersetzen - aber wie?

Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Input-Feld durch eigene Grafik ersetzen - aber wie?

Pages: [1]

geschrieben von Cluster am 26.04.2005 - 14:17

Hallo!

Ich habe folgende Form:

HTML-Quelltext

1: 
2: 
3: 
4:

<form action="<?php echo basename($_SERVER["PHP_SELF"]); ?>" method="post">
<p><b><?php echo $password_marking; ?></b><br />
<input type="password" name="login_password" />&nbsp;<input type="submit" value="<?php echo $log_in_marking; ?>" /></p>
</form>

Ich möchte nun das Submit-Feld durch eine eigene Grafik ersetzen. Kein anderer Hintergrund sondern eine eigenständige Grafik, sozusagen als Button.

War auch schon bei selfhtml aber irgendwie habe ich das nicht von alleine hinbekommen.

Könnt Ihr mir bitte helfen? Vielen Dank im voraus!

geschrieben von Pablo am 26.04.2005 - 14:40

http://de.selfhtml.org/javascript/o....htm#submit

	HTML-Quelltext
1:	<img src="" onclick="this.submit()">

Pablo

geschrieben von Matneu am 26.04.2005 - 15:12

Pablos Lösung funktioniert leider nur, wenn der Besucher Javascript aktiviert hat.
Alternativ dazu (auch ohne Javascript):
http://de.selfhtml.org/html/formula....uttons.htm bzw. http://de.selfhtml.org/html/formula....htm#modern

So far...
Matthias

geschrieben von Cluster am 26.04.2005 - 15:44

Ok, dann werde ich mir diese Links doch nochmal reinziehen, obwohl ich diese schon mehrmals gelesen habe. Vielleicht springt der Funke ja noch über.

Danke Euch!

geschrieben von Xyres am 26.04.2005 - 15:57

ich würde das so machen input {background:url("")} aber ich weiß nicht ob das das ist was du suchst. der befehl steht natürlich im css-stylesheet

geschrieben von René am 26.04.2005 - 16:48

http://de.selfhtml.org/html/formula....#grafische

	HTML-Quelltext
1:	<input type="image" src="./dein_bild.gif" title="senden" alt="senden" />

geschrieben von Cluster am 26.04.2005 - 20:53

Hallo René,

so hatte ich es auch schon mal probiert - allerdings funktioniert dann die Bestätigung eines Eintrages bzw. die Vorschau leider nicht mehr.

Schau selbst: http://www.gemeinde-klosterfelde.de....tebuch.php .

Versuch doch einfach mal Dich ins Gästebuch einzutragen - es wird nicht funktionieren. Bei mir zumindestens hats nicht geklappt.

geschrieben von René am 26.04.2005 - 22:17

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13:

<html>
<head>

</head>
<body>

<form ... >
  <input name="entry" type="submit" size="15" value="" style="border: 0px; width: 125px; height: 25px; background-image: url('./bestaetigen.png');" />
  <input name="preview" type="submit" size="15" value="" style="border: 0px; width: 125px; height: 25px; background-image: url('./vorschau.png');" />
</form>

</body>
</html>

geschrieben von Cluster am 27.04.2005 - 09:26

So funzt es jetzt - vielen Dank René.

@René: Hattest Du eigentlich meine PN erhalten, wegen diesem Thread hier: http://www.javarea.de/forum/showthr....eadid=9238 - wäre schön, wenn Du Dir den nochmal anschauen könntest - Danke im voraus!