Skicka formulär med Enterslag

jahadesign skrev:

Det funkar ju som jag vill men slår man av stylesheets så ligger det ju två submitknappar.

Slår man istället av Javascript så slutar din ursprungsknapp att fungera. Ett alternativ är att droppa länken helt och hållet och göra en extreme makeover av CSS'n för knappen.

<style>
.buttonlink{
	border: none;
	background: transparent;
	color: blue;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}

.buttonlink:hover{
	text-decoration: underline;
}

</style>
<form name="searchField" action="file.php" method="post">
<input type="text" name="query" />
<input type="submit" class="buttonlink" value="SÖK" />
</form>

Det här är en bra början. Det är inte 100% problemfritt, men knappen ser någorlunda ut som en länk.

Det är sant att allt slutar fungera om man slår av javascriptet. Försökte mig också på en extreme styling av css-knappen, men gav upp då jag behöver använda mig av två bakgrundsbilder (högerställd/vänsterställd) för att få den rätt. Var lite otydlig med länken i förra inlägget. Se bifogad bild så ser du problemet.

Så någon kanske kan hjälpa till med hur man ska styla submitknappen på bästa sätt istället.

Ett alternativ är ju att göra den med fixerad bredd, men blir inte så flexibelt om man vill använda stylesen för fler knappar.

En snabb tanke är att du läser in länken via DOM:en och döljer din vanliga submit med JS. Har användaren JS avslaget kommer inte din länk visas men din vanliga submit gör det.

jahadesign skrev:

Det är sant att allt slutar fungera om man slår av javascriptet. Försökte mig också på en extreme styling av css-knappen, men gav upp då jag behöver använda mig av två bakgrundsbilder (högerställd/vänsterställd) för att få den rätt. Var lite otydlig med länken i förra inlägget. Se bifogad bild så ser du problemet.

Så någon kanske kan hjälpa till med hur man ska styla submitknappen på bästa sätt istället.

Ett alternativ är ju att göra den med fixerad bredd, men blir inte så flexibelt om man vill använda stylesen för fler knappar.

http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/

Tack för tipset. Visste att det fanns något sätt att lösa det på, hade helt glömt bort button-elementet.