制作表格以传递参数

Question

I've a form but it doesn't pass the parameters 'url' and 'USERNAME' to the next page. Is there something wrong?

I must use <button> instead of <input> for styling issues.

Here is the form:

<form action="/confirmation/index.php" method="post" class="form-wrap">
<div class="loader-wrap">
<div class="loader-txt">
</div>
</div>

<div class="field-set url-field">
<input type="text" name="url" data-placeholder="Your Website URL" maxlength="50" class="validate">. 
<button name="url_btn" type="button" class="btn url-btn">Scan My Site!</button>
</div>

<div class="field-set email-field">
<input type="text" name="USERNAME" data-placeholder="Your E-mail" maxlength="50" class="validate">
<button name="email_btn" type="button" class="btn email-btn" style="width:174px;font-size:15px;">Send me Results!</button>
</div>
</form>

Answer 1

email_btn should be of type="submit" instead of type="button", so rather:

<button type="submit">Send me the results</button>

see here:

http://www.w3schools.com/tags/tag_button.asp

Answer 2

This should work with a submit Button!

(The extra php is to show that it works!)

<?php

if (isset($_POST['submitted'])) {
    echo "form submitted";
}
?>

<form action="index.php" method="post" class="form-wrap">
    <div class="loader-wrap">
        <div class="loader-txt">
        </div>
    </div>

    <div class="field-set url-field">
        <input type="text" name="url" data-placeholder="Your Website URL" maxlength="50" class="validate">. 
        <button name="url_btn" type="button" class="btn url-btn">Scan My Site!</button>
    </div>

    <div class="field-set email-field">
        <input type="text" name="USERNAME" data-placeholder="Your E-mail" maxlength="50" class="validate">
        <button name="email_btn" type="button" class="btn email-btn" style="width:174px;font-size:15px;">Send me Results!</button>
        <button name="submitted" type="submit">Send me the results</button> //Submit Button 
    </div>
</form>