html - a form within a form?

[blastman]

hey guys,

I have a form that I have just the way I like.

form
input..
input...
submit
</form

Now I need to add an extra button to take you to a registration page that I want to put inline with the other submit button. (within the first form)

I can do this with the following code..

      <form action="checklogin.php" method="post" id="loginform">
        <ol>
          <li>
            <label for="user">Your Username*<br />
              <span> Email Address</span></label>
            <input id="user" name="user" class="text" />
          </li>
          <li>
            <label for="pass">Your Password*<br />
              <span> Your Current Password</span></label>
            <input id="pass" name="pass" class="text" />
          </li>
                    <li class="buttons">
            <input type="submit" value="Log in" id="submit" />
            <input type="submit" value="Register" id="submit" class="register" formaction="register.php" />
          </li>
        </ol>
      </form>

this works fine in chrome but when i click the register button in IE it reload the login page.

Any suggestions on how I can do this across all browsers?

I'd like to keep all the styling as it is as I'm not the best at it and it's much easier to simply ref class's already styled.

 

[blastman]

Cheers for the replies guys.

All good suggestions.

-

<input type="button" value="Register" id="register" OnClick="location.href='register.php'" />

Winner!!

easiest solution to add quickly.

Cheers

 

[blastman]

^ That will only redirect the browser to register.php, it won't submit the form to that page.

thats fine, since thats all I'm trying to do.

the original form was a login form and the extra button is a redirect to a registrations form, so all is good

Thanks for your suggestions, I've used jquery before, but kept your idea on file, just in case it's needed again.