[HTML] Formulier opmaak

[Dark Wanderer]

Hallo,

Ik probeer 2 dingen te realiseren die me maar niet lukken

- Ik wil die lege regel weghalen die na de </form> tag verschijnt
- Ik wil een tekstlink als submit knop gebruiken

Beide lukt me maar niet, en ja ik heb al op internet gekeken voor de oplossing.

Kan iemand me helpen???

GRTN en alvast bedankt

[Willem]

Wat heb je verder al geprobeerd?
Onderzoek de mogelijkheden van CSS eens.

[HansMij]

1. <form style="display:inline;">

2. <a href="javascript:" onclick="form.submit();" />

[Borizz]

Met enig zoekwerk op google danwel hier op GoT moet je hier toch wel uit kunnen komen, zoals willem169 al aangeeft kan je in je zoekopdracht CSS opnemen javascript zou een goede 2e kunnen zijn.

[ Voor 4% gewijzigd door Borizz op 11-10-2005 11:58 ]

[Dark Wanderer]

HansMij schreef op dinsdag 11 oktober 2005 @ 11:55:
1. <form style="display:inline;">

2. <a href="javascript:" onclick="form.submit();" />

Ik heb meerdere formulieren op dezelfde pagina!

[Dark Wanderer]

Borizz schreef op dinsdag 11 oktober 2005 @ 11:55:
Met enig zoekwerk op google danwel hier op GoT moet je hier toch wel uit kunnen komen, zoals willem169 al aangeeft kan je in je zoekopdracht CSS opnemen javascript zou een goede 2e kunnen zijn.

Ja sorry ik heb echt rondgekeken op internet maar ikk nog niets vinden

[Ramon]

1) in je css

Cascading Stylesheet:

form { padding: 0; margin: 0; }

2) volgens mij moet this.submit(); ook wel werken toch?

[Verwijderd]

voeg in je style sheet
form { margin: 0; padding: 0 }
toe

[Willem]

Ik vroeg dus wat je al hebt onderzocht op het gebied van CSS. check bijvoorbeeld w3schools.com en dan -zoals Ramon en Nokia al impliceren- met name in de richting van margin en padding.

[ Voor 6% gewijzigd door Willem op 11-10-2005 12:08 ]

[eXcyle]

Dark Wanderer schreef op dinsdag 11 oktober 2005 @ 12:03:
[...]


Ik heb meerdere formulieren op dezelfde pagina!

1. <form style="display:inline;" id="iets" name="iets">

2. <a href="javascript:" onclick="document.forms['iets'].submit();" />

[ Voor 16% gewijzigd door eXcyle op 11-10-2005 12:16 ]

[Dark Wanderer]

Mjah

dit geeft een fout linksonder in de statusbalk:

<a href="javascript:" onclick="this.submit();" />

de fout ---> "fout op de pagina", je kent em wel

[disjfa]

Dark Wanderer schreef op dinsdag 11 oktober 2005 @ 12:17:
<a href="javascript:" onclick="this.submit();" />

de fout ---> "fout op de pagina", je kent em wel

Ja, Een link kan je nu eenmaal niet submitten

Mischien een een kleine cursus javascript erbij geen fout idee. Voor ^^ probleem. Mischien moet je een formulier submitten (document.forms["formuliernaam"].submit())

[Cyphax]

Dark Wanderer schreef op dinsdag 11 oktober 2005 @ 12:17:
Mjah

dit geeft een fout linksonder in de statusbalk:

<a href="javascript:" onclick="this.submit();" />

de fout ---> "fout op de pagina", je kent em wel

Je kunt een linkje ook niet submitten en this verwijst in jouw geval naar dat a elementje. Vandaar.
Verwijs naar het form, bijvoorbeeld met de functie document.getElementById() ipv met this.

[Dark Wanderer]

Euhmm moet ik <form id="" of <form title="" gebruiken?

[Cyphax]

Dark Wanderer schreef op dinsdag 11 oktober 2005 @ 12:24:
Euhmm moet ik <form id="" of <form title="" gebruiken?

Als je naar het formulier wilt verwijzen met document.getElementById, dan moet je het form een id meegeven. Ah het kan sowieso geen kwaad hoor. Geef je form een name en een id, kan je altijd uit de voeten.

[Borizz]

Dark Wanderer schreef op dinsdag 11 oktober 2005 @ 12:24:
Euhmm moet ik <form id="" of <form title="" gebruiken?

Enig idee waar title voor dient? Title maakt een tooltip text voor dat element aan...

Misschien is het geen slecht idee om je wat meer te verdiepen in html / css / javascript i.p.v. alles zomaar op het forum te gooien en maar af te wachten tot er weer iemand iets voor jou heeft gemaakt..

[Verwijderd]

Ik zou <form name="naam" id="naam"> gebruiken.

Dan <a href="" onClick="document.getElementById('naam'").submit();return false;">submit het formulier</a>
of
<a href="" onClick="document.all['naam'"].submit();return false;">submit het formulier</a>

[ Voor 42% gewijzigd door Verwijderd op 11-10-2005 12:32 ]

[HawVer]

Kan eenvoudiger..

code:

<form name="form1">

<a href="#" onclick="form1.submit()">submit</a>

</form>

[ Voor 87% gewijzigd door HawVer op 11-10-2005 12:32 ]

[Verwijderd]

Verwijderd schreef op dinsdag 11 oktober 2005 @ 12:30:
Ik zou <form name="naam"> gebruiken.

Dan <a href="" onClick="document.getElementById('naam'").submit();return false;">submit het formulier</a>

Nu verwar je getElementById met getElementByName.

Voor opmaak gebruik ik zelf altijd * { margin:0; padding: 0 }
Dit voorkomt ook verschillen in verschillende browsers. De elementen style je daarna per item.

[Verwijderd]

In IE5 zal hij dan ook proberen je href uit te voeren en kom je dus op een blanke pagina uit of een reload van je huidige. Met return false weet je zeker dat hij het # niet doet.

[André]

Verwijderd schreef op dinsdag 11 oktober 2005 @ 12:30:
Ik zou <form name="naam" id="naam"> gebruiken.

Dan <a href="" onClick="document.getElementById('naam'").submit();return false;">submit het formulier</a>
of
<a href="" onClick="document.all['naam'"].submit();return false;">submit het formulier</a>

document.all moet je nooit meer gebruiken, dat is al zo verscrikkelijk oud

HawVer schreef op dinsdag 11 oktober 2005 @ 12:32:
Kan eenvoudiger..

code:

<form name="form1">

<a href="#" onclick="form1.submit()">submit</a>

</form>

code:

<form>
  <a href="#" onclick="this.form.submit()">submit</a>
</form>

Verwijderd schreef op dinsdag 11 oktober 2005 @ 12:33:
[...]


Nu verwar je getElementById met getElementByName.

getElementByName bestaat niet, jij verwart getElementByName met getElementsByTagName

[ Voor 16% gewijzigd door André op 11-10-2005 12:37 ]

[Erkens]

Ik zou gewoon een submit button plaatsen en deze zo stylen dat het een normale link lijkt

[André]

En nu gaat deze dicht, het niveau is dermate laag en het antwoord zo makkelijk te vinden met een heeeeeel klein beetje moeite