ďťż

[HTML] Obrazek zamiast input.. jak zrobić?

       

Podstrony


telcocafe

Mam taki kod logowania:
<form action="user.htm" method="post"> <font class="pn-title">User login</font><br><br> <table border="0"><tr><td> <font class="pn-normal">Użytkownik: </font></td><td><input type="text" name="uname" size="26" maxlength="25"></td></tr> <tr><td><font class="pn-normal">Hasło: </font></td><td><input type="password" name="pass" size="21" maxlength="20"></td></tr> <tr><td><font class="pn-normal">Zapamiętaj mnie: </font></td><td><input type="checkbox" name="rememberme" checked></td></tr> </table> <input type="hidden" name="url" value="user.htm"> <input type="hidden" NAME="module" value="NS-User"> <input type="hidden" NAME="op" value="login"> <input type="submit" VALUE="Loguj"> </form>

Jak zrobić aby zamiast przycisku Loguj
<input type="submit" VALUE="Loguj">

Wsrtawić obrazek na który można kliknąć i się zalogować, obrazek w takiej formie:
<img src="loguj.gif">



<input type="image" src="obrazek.jpg" />

Do inputa mozna dodać tło obrazkowe ->
<input type="submit" value="Loguj" style="background: url(tlo.png)" />
Można też zrobić
<input type="image" src="tlo.png" />
ale co do tego drugiego to nie jestem pewien :>

.. ekhm spóźniłem się ..


Ja mam mape zrobioną i pisałem wcześniej w jakiej formie chcę wstawić ten obrazek

Skoro koniecznie musi być <img> to chyba tylko za pomocą js:
<img src="tlo.png" alt="" onclick="java script:document.getElementById('form').submit;" />
Dodatkowo trzeba dodać atrybut id="form" do tagu <form>
Użytkownik Einzeinbleth edytował ten post 01 sierpień 2006, 11:21
Ja mam mape zrobioną i pisałem wcześniej w jakiej formie chcę wstawić ten obrazek



Super. To sprawdź rozwiązanie z <input type="image" ...


Dodatkowo trzeba nazwać dodać atrybut name="form" do tagu <form> Raczej id="form" ;)
BTW: między "java" a "script" w zdarzeniu onclick nie ma spacji... to ograniczenie ze strony IPB
Użytkownik Coldpeer edytował ten post 01 sierpień 2006, 11:38
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.