Tijden veranderen
Een afbeelding als submit button
Ik ben bezig met een registratie form en heb daar het volgende stukje code voor:
<form action="register.php" method="post">
<div class="textfield_username">
<input type="text" name="username" class="textinput_username" value="username" onblur="if (this.value == '') {this.value = 'username';}" onfocus="if (this.value == 'username') {this.value = '';}" />
</div>
</form>
<form action="register.php" method="post">
<div class="textfield_password">
<input type="password" name="password" class="textinput_password" value="password" onblur="if (this.value == '') {this.value = 'password';}" onfocus="if (this.value == 'password') {this.value = '';}" />
</div>
</form>
<form action="register.php" method="post">
<div class="textfield_email">
<input type="text" name="email" class="textinput_email" value="email" onblur="if (this.value == '') {this.value = 'email';}" onfocus="if (this.value == 'email') {this.value = '';}" />
</div>
</form>
<div id="continue_button">
<input type="image" src="continue_button.png" border="0">
</div>
Ik wil continue_button.png als mijn button gebruiken om uiteindelijk de data te versturen zodat mijn register.php wordt uitgevoerd. Echter heb ik het volgende probleem: Ik wil mijn continue button in een aparte div hebben omdat ik de button dan makkelijk kan verplaatsen met CSS, hetzelfde geldt voor de rest van de forms. Maar als ik ze in aparte divs doe werkt de continue button niet. Als ik de continue button in een div (de laatste form) dan werkt het als je op enter drukt, maar werkt de button niet. Met PHP lukt het ook niet om de data uit de forms te halen. Komt dit omdat elke form en de button in aparte divs zitten? Zo ja, hoe kan ik ze dan allemaal juist positioneren met CSS zonder dat ik van elke form en button een div maak?
Bij voorbaar dank.
Mvg,
Piet
