为什么重置按钮在这里不起作用?

时间:2015-11-01 14:17:41

标签: html forms

在下面的html代码中,

<h1>Our Contact Form</h1>
        <hr>
        <form action="process_form.php" method="get">
            <p>
            Title: <input type="radio" name="title" value="mr"> Mr 
                   <input type="radio" name="title" value="mrs"> Mrs
            </p>
            <p>
                First name:<br>
                <input type="text" size="15" name="first_name">
            </p>
            <p>
                Sur name:<br>
                <input type="text" size="15" name="surname">
            </p>
            <p>
                Gender:
                <select>
                    <option value="select">Select Gender</option>
                    <option value="male">Male</option>
                    <option value="female">Female</option>
                </select>
            </p>
            <p>
                <input type="checkbox" name="newsletter"> Subscribe to my news letter
            </p>
            <p>
                <input type="reset" name="reset" value="Reset">
                <input type="submit" name="submit" value="Submit">
            </p>        
        </form>

如果我评论form元素(仅限),则在上面的代码中,Reset按钮会重置数据。

有人可以帮我理解,为什么?

1 个答案:

答案 0 :(得分:1)

  

如果我评论表单元素(仅限),在上面的代码中,则“重置”按钮不会重置数据。

在我阅读您的问题时,重置功能是表单数据的一部分。通过注释表单元素,此功能将不起作用。就像你评论表格并尝试提交一样?!?如果你在一个函数中有一个返回值并注释这个函数(仅),这会有效吗?

具有type属性值为“submit”的input元素表示用于提交表单的按钮。

具有type属性值为“reset”的input元素表示重置表单的按钮。