Avatar billede herberthumlebi Nybegynder
21. juni 2005 - 00:28 Der er 5 kommentarer og
3 løsninger

designe et formscript

Jeg ved faktisk ikke, om dette er den rigtige kategori, anyway...

Mit spørgsmål handler om dette:

<FORM>
<INPUT TYPE=PASSWORD NAME="adgang" SIZE="20" MAXLENGTH="20">
<INPUT TYPE=BUTTON VALUE=" OK "

ONCLICK="location=form.adgang.value+'.htm'">
</FORM>

Kan man designe lidt på denne ting, så den ikke har det lidt klodsede "gammeldags html-look". Jeg tænker på, om man kan ændre OK-knappens font, farve og størrelse
Avatar billede Rasmus Lund Nybegynder
21. juni 2005 - 00:33 #1
Du kan ændre på knappen vha. CSS.
eksempel:
.myInput
{
    border: 1px solid #000000;
}
Avatar billede apo Praktikant
21. juni 2005 - 00:58 #2
Eller du kan designe din egen knap f.eks. med et .gif-billede:

<input type="button" value=" " onclick="location=form.adgang.value+'.htm'" style="width:50px; height:20px; cursor:pointer; background-image:url('grafik/knap.gif'); background-color:#FFFFFF; border:0px" title="Login">

Apo
Avatar billede thesurfer Nybegynder
21. juni 2005 - 01:19 #3
Ville det så ikke være bedre, med type="image"

<script type="text/JavaScript">
function fixaction(f)
{
f.action = f.adgang.value + 'htm';
return true;
}
</script>

<form action="" method="post" onsubmit="return fixaction(f)">
...
<input type="image" name="send" src="login.jpg" value="send" title="Login">
...
</form>

Så virker den både med click og submit (enter-tasten).. plus at du kan validere koden, vil du vil..

/theSurfer
Avatar billede thesurfer Nybegynder
21. juni 2005 - 01:20 #4
hovsa :-)

kom til at skrive "f" i stedet for "this" i: onsubmit="return fixaction(this)"

Her er koden igen:

<script type="text/JavaScript">
function fixaction(f)
{
f.action = f.adgang.value + 'htm';
return true;
}
</script>

<form action="" method="post" onsubmit="return fixaction(this)">
...
<input type="image" name="send" src="login.jpg" value="send" title="Login">
...
</form>

/theSurfer
Avatar billede herberthumlebi Nybegynder
21. juni 2005 - 17:39 #5
Det ser spændende ud. I fortjener alle lidt points til kontoen. Læg svar, apo og thesurfer
Avatar billede apo Praktikant
21. juni 2005 - 17:41 #6
Så får du et svar :-)
Avatar billede apo Praktikant
21. juni 2005 - 17:41 #7
Altså... Nu ;-)
Avatar billede thesurfer Nybegynder
25. juni 2005 - 02:14 #8
Svar lagt :-)

/theSurfer
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester