Question

重置按钮在下面给出的代码中不起作用。

<head>
<title><b>Title of project<b/></title>
</head><br/>
<body bgcolor="skyblue"><br/>
<p>
<b><h2><center>Enter Details:</center></h2></b><br/>
<center><br/>
First Name:<input type="text" name="name"><hr/><br/>
Last Name:<input type="text" name="name"><hr/><br/>
mail-id:<input type="text" name="mail"><hr/><br/>
</center><br/>

<form method="link" action="view1.html"><br/>
<input type="submit" value="login">login<br/>
<button type="reset" value="Reset">Reset</button><br/>
</form><br/>
</p><br/>
</body><br/>

Answer 1

reset无法正常工作，因为<form> 不包含 <input />。请在<input />标记中加入<form>标记。将代码更改为：

<form method="link" action="view1.html"><br/>
<center><br/>
First Name:<input type="text" name="name"><hr/><br/>
Last Name:<input type="text" name="name"><hr/><br/>
mail-id:<input type="text" name="mail"><hr/><br/>
</center><br/>

<input type="submit" value="login">login<br/>
<button type="reset" value="Reset">Reset</button><br/>
</form><br/>

此外，我建议你升级＆＃34;你的代码：

<form method="link" action="view1.html">
    <div>First Name: <input type="text" name="fname" /></div>
    <div>Last Name:<input type="text" name="lname" /></div>
    <div>mail-id:<input type="text" name="mail" /></div>
    <input type="submit" value="login">login<br/>
    <button type="reset" value="Reset">Reset</button>
</form>

将name属性更改为fname和lname。

代码中的错误：

请勿使用<center>，<b>标记。它们已经过时了。
请勿使用<br />标记进行布局。它们是为了内容。请改用<div>。
不要将<h2>与<b>一起包裹。用内联包裹块元素就像在水中包含一个瓶子，而不是相反。
请勿在{{1}}之后使用任何内容。你已经使用了另一个休息时间。
</body>标记不能包含除内联元素之外的任何内容。请仅将<p>用于内容标记。
<p>元素不能包含其他HTML元素，只能包含文本。
<title>上的method属性只能是<form>或"get"。

Answer 2

您的form标记应包含所有表单元素，以使重置按钮生效

<form method="link" action="view1.html">
First Name:<input type="text" name="name"><hr/><br/>
Last Name:<input type="text" name="name"><hr/><br/>
mail-id:<input type="text" name="mail"><hr/><br/>
<input type="submit" value="login">login<br/>
<button type="reset" value="Reset">Reset</button><br/>
</form>

Answer 3

重置按钮仅以其所在的形式重置输入。

解决方案：也将输入放在表单中。这也将解决另一个问题，即提交按钮不提交输入值。

Answer 4

＆＃13;

<html>
<head>
<title>Title of project</title>
</head>
<body bgcolor="skyblue">
<p>
<h2><center>Enter Details:</center></h2>
<center><br/>
<form method="link" action="view1.html">
First Name:<input type="text" name="name"><hr/>
Last Name:<input type="text" name="name"><hr/>
mail-id:<input type="text" name="mail"><hr/>
</center><br/>

<input type="submit" value="login">
<button type="reset" value="Reset">Reset</button>
</form>
</p>
</body>
  </html>

＆＃13;

如何在HTML中有效地使用重置按钮？

4 个答案: