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

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

html css

如何在HTML中有效地使用重置按钮？,html,css,Html,Css,重置按钮在下面给出的代码中不起作用。 <head> <title><b>Title of project<b/></title> </head><br/> <body bgcolor="skyblue"><br/> <p> <b><h2><center>Enter Details:</center></h2></

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

<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/>


项目名称





输入详细信息：



名字：


姓氏：


邮件id:






登录

重置







重置无效，因为您的
不包含
s。请将
标记包含在
标记中。将代码更改为：
<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/>





名字：


姓氏：


邮件id:




登录

重置




此外，我建议您将代码“升级”到：
<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>


名字：
姓氏：
邮件id:
登录

重置

将name
属性更改为fname
和lname

代码中的错误：
不要使用
，
标签。它们已经过时了
不要在布局中使用标签。他们是为了满足。改用
s
不要用
包装
。用inline包装块元素就像在水里装一个瓶子，而不是反过来
不要在
之后使用任何内容。你又休息了一次
标记不能包含内联元素以外的任何内容。请仅对内容标签使用
元素不能包含其他HTML元素，只能包含文本
上的方法
属性只能是“get”
或“post”
您的表单
标签应包含所有表单元素，以便重置按钮工作
<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>


名字：


姓氏：


邮件id:


登录

重置

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

项目名称

输入详细信息：


名字：
姓氏：
邮件id:


重置

bgcolor
-过时，
-过时。你这个老家伙<代码>：P
您的表单应包含重置按钮工作的所有元素…代码below@PraveenKumar现在被称为“过时”。“弃用”已经很老了！此外，您还忘了提到错误：h2
在b
中，为很久以前关闭的段落添加了零散的
结束标记，
在正文等之后。我认为这个问题应该接近，因为它是完全低级的，会产生垃圾邮件，而不是帮助某人。复制此内容并编辑您的代码。您将获得预期的输出。在中心标记之后，输入表单方法标记，如下所示。男人。。。在你的帖子中添加一些细节。不要只发布一个简单的答案，它没有说明任何事情，你改变了什么或诸如此类的事情。@Vinaydudegere更新。请您检查一下。@Vinaydudegere请点击勾选按钮接受我的回答以表示您的感谢，这就是StackOverflow的工作原理。@PraveenKumar做得很好。希望您不介意我在您的列表中再添加两个错误。@MrLister谢谢<代码>：）
我们不能也写方法属性有4种类型，但我们只能使用get和post，其他（put/delete）可以与ajax一起使用（在有限的浏览器中，[受XMLHttpRequest实现的支持]）。只是为了更多的知识？