24

我刚刚开始使用 HTML5，并且想知道我们是否应该在<form>每个网页上使用一个标签或多个表单标签。

也许这取决于情况，但这里有两种不同的情况：

  1. 一份注册表单
  2. 具有多个子表单的主页：登录、加入邮件列表等。

在另一个里面有一个表单标签是不好的还是按照标准可以？

谢谢

编辑 您能否以简单的方式解释表单标签的目的是什么？

4

4 回答 4

30

我觉得你已经回答了你的问题。

  1. 一份注册表单 = 一份表格标签。
  2. 多个表单 = 许多表单标签。

只是不要嵌套它们。

编辑

表单标签用于保存各种字段（即输入标签），您最终将使用 GET 或 POST 请求将这些字段传递给目标 URL。

以这个登录表单为例：

<form action="login.php">
  <input id="name" type="text" name="name">
  <input id="passwd" type="password" name="passwd">
  <input type="submit" value="Login">
</form>

这有一个登录名、一个密码和一个提交按钮。当按下“登录”按钮（type = “submit”）时，表单将获取该信息并将其发送到另一个 URL（在本例中为“login.php”，该 URL 将相应地处理信息（例如验证，登录，显示验证码）。

于 2012-08-21T23:43:51.140 回答
10

没有理由在一个页面上不能有多个表单。您只是不能嵌套表单，因为这样表单就无法识别哪些字段用于什么。

从概念上讲，如果您需要让两个表单的信息占据您网站上的同一部分或区域（例如，如果您将注册和电子邮件列表表单或其他内容结合起来），您将使用一个表单并整理来自另一端 POST 变量的信息。只要您以有意义的方式命名事物，您甚至不应该希望嵌套表单来完成此操作。

编辑：

为了进一步回答您的问题，在其最基本的用例中，表单标签用于将数据提交到 URL。您选择提交表单的 URL 通常会接收该数据并在对该数据采取操作之前以某种方式对其进行处理，例如将数据存储在数据库中，或根据给定的用户名和密码创建新用户。

于 2012-08-21T23:50:32.080 回答
2

将表单放入表单中没有意义，您现在如何区分每个表单中的字段？它们是主窗体的一部分吗？子形式？两个都？

最佳做法是为您需要从中读取输入的每个区域单独填写表格。如果您有登录区域，请为其创建一个表单。如果您在该页面上也有评论区，则应使用单独的表单来处理该事件。

于 2012-08-21T23:43:40.300 回答
0

是的，我们可以在一个 HTML 页面中使用多个标签。有时我们需要从一个 HTML 页面提交两个不同的数据。为此，我们需要使用多个标签。我们使用标签将数据发送到特定的 servlet 或 JSP（在 JAVA 的情况下）。我们通过 . 标签内有一个名为 action="#" 的属性。我们定义了特定的 servlet 名称，其中的数据必须放在其中。因此，我们将数据从客户端 (HTML) 提供给 servlet（服务器）。然后 servlet 操作提供的数据，就像将数据插入数据库一样。下面的代码可以帮助理解。这里两个标签用于两个不同的任务，它们也将由两个不同的 servlet 处理。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Registration | Badhon</title>
<link rel="stylesheet" type="text/css" href="registration.css">
</head>


<body background="images/registration.jpg">



	<div class="title">
		<h1>Registration</h1>
	</div>

	<div class="container">

		<div class="left">
       <div><h1>Choose an image (300*300)</h1></div>
   
   
   /* First Form tag ---------------------*/
      <form name="fileform" method="post" action="uploadImage" enctype="multipart/form-data">
				
				<br> <label for="photo"> Portrait Photo: </label> <input
					type="file" name="photo" size="50" placeholder="Upload Your Image"
					required /><br>
				<br> <input type="submit" value="Save">
			</form>
      
 
 /* End of First Form Tag---------------------*/
	 
   
   </div>


		<div class="right">
			<div class="formbox">
				
  /* Second Form tag------------------ */      
        <form action="DonarRegister">
					<p>Name</p>
					<input type="text" name="name" placeholder="Name">
					
					<p>Username</p>
					<input type="text" name="username" placeholder="User_name">
					
					<p>Password</p>
					<input type="Password" name="password" placeholder="..........">
					
					<p>Blood Group</p>
					<input type="text" name="bloodgroup" placeholder="O positive">
					
					<p>Age</p>
					<input type="number" name="age">
					
					<p>Mobile Number</p>
					<input type="text" name="mobilenumber" placeholder="......">
					
					<p>email</p>
					<input type="text" name="email" placeholder="......">
					
					<p>Address</p>
					<input type="text" name="address" placeholder="Village/Thana/District"> 
					<input type="submit" name="" value="Register">
				    
				   <p> <h5>Have already an account !! Then <a href="login.jsp">just login</a></h5></p>



</form>
/* End of Second form tag ----------------- */ 
 
 
			</div>
		</div>
	</div>
</body>
</html>

数据库等等。

于 2018-02-24T11:08:56.037 回答