在一个网页中处理两个表单
在一个网页中处理两个表单
提问于 2010-12-14 17:05:53
我有一个带有div区域的网页。在这方面，可以有两种不同的形式。它看起来是这样的：
表格1：
<div id="data" ...>
<form action="/action1" method="post">
<label for="label1">ID</label>
<input type="text" name="id" id="label1" value="" />
<label for="label2">Name</label>
<input type="text" name="name" id="label2" value="" />
<label for="label3">Description</label>
<input type="text" name="desc" id="label3" value="" />
<label for="label4">Address</label>
<input type="text" name="address" id="label4" value="" />
</form>
</div>表格2：
<div id="data" ...>
<form action="/action2" method="post">
<label for="label1">ID</label>
<input type="text" name="id" id="label1" value="" />
<label for="label2">Firstname</label>
<input type="text" name="first" id="label2" value="" />
<label for="label3">Lastname</label>
<input type="text" name="last" id="label3" value="" />
<label for="label4">Address</label>
<input type="text" name="address" id="label4" value="" />
<label for="label5">eMail</label>
<input type="text" name="mail" id="label5" value="" />
</form>
</div>所以有两种不同的形式。这些值将通过jQuery (对后端的Ajax调用)进行设置。
处理这两种形式的最佳方式是什么？我是否应该创建两个仅包含表单的文件，并在需要时加载表单？(如果某些人点击按钮1，则需要表单1；如果有人点击按钮2，则需要表单2-事件在客户端处理)。或者，我应该将两个表单都放入单个HTML文件中，然后启用或禁用该表单？
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-12-14 17:08:17
没有什么可以阻止你在HTML中同时拥有两个表单，并且有条件地隐藏/显示你想要激活的表单。最好的办法是为每个表单(或其包含的div)提供一个惟一的ID，并使用此ID使用jQuery显示/隐藏。
Stack Overflow用户
发布于 2010-12-14 18:08:12
我认为你应该把这两个表格放在同一页上。并根据需要显示/隐藏所需的表单。
因为如果您将表单保存在单独的超文本标记语言文件中，并且用户单击任何按钮，那么您将不得不创建一个XMLHttpRequest来获取表单的超文本标记语言，而您可以通过将表单的超文本标记语言包含在同一页面中来轻松地避免这种额外的超文本标记语言请求。
我不知道你的网站受众是不是很多。但是保存单个HttpRequest应该是非常有用的。
请参阅文章。他们明确地建议尽量减少HTTP请求。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4437458
复制相关文章
相似问题
腾讯云开发者
