2024年6月1日发(作者：)

form表单target用法 -回复

form表单的target属性是指定在哪个窗口或者框架中加载表单提交

后返回的结果。它主要用于控制表单提交后的数据返回方式。本文将一步

一步回答关于form表单target属性的相关问题，并详细介绍其用法和常

见应用场景。

第一步：理解form表单的基本结构和属性

在开始讲解form表单的target属性之前，首先要了解form表单的

基本结构和属性。form标签是HTML中用于定义表单的元素，常见属性

有action、method、enctype等。其中，action属性用于指定表单提交

后的数据处理地址，method属性用于指定提交表单的HTTP方法（通常

为POST或GET），enctype属性用于指定表单数据的编码类型。除了这

些常见属性外，form标签还有一个target属性，决定了表单提交后返回

数据的展示方式。

第二步：了解form表单target属性的取值

form表单的target属性可以取以下值：

1. _blank：在新窗口或者新标签页中打开提交结果；

2. _self：在当前窗口中打开提交结果（默认值）；

3. _parent：在父窗口中打开提交结果；

4. _top：在顶级窗口中打开提交结果；

5. framename：在指定名称的框架中打开提交结果。

第三步：使用_blank打开新窗口或者标签页

使用_blank作为target属性的取值，可以在新窗口或者新标签页中

打开提交结果。这种方式适用于需要保留原页面的情况，比如表单输入错

误时，用户在新窗口中进行修改并重新提交。

第四步：使用_self在当前窗口中打开提交结果

使用_self作为target属性的取值，可以在当前窗口中打开提交结果。

这是默认的取值，当我们不指定target属性时，表单提交后的结果将在当

前窗口中展示。这种方式适用于希望直接在当前页面中显示提交结果的情

况，比如搜索框的查询结果展示。

第五步：使用_parent在父窗口中打开提交结果

使用_parent作为target属性的取值，可以在父窗口中打开提交结果。

这种方式适用于在一个内嵌框架中使用表单，提交结果需要在父级框架中

进行展示的情况。

第六步：使用_top在顶级窗口中打开提交结果

使用_top作为target属性的取值，可以在最顶层的窗口中打开提交

结果。这种方式适用于希望将提交结果展示在完全独立的窗口中的情况，

比如点击一个广告链接后展示广告详情。

第七步：使用framename在指定框架中打开提交结果

使用具体的框架名称作为target属性的取值，可以在指定的框架中打

开提交结果。这种方式适用于在包含多个框架的页面中使用表单，需要将

提交结果展示在指定的框架中的情况。

第八步：总结form表单target属性的应用场景

根据上述介绍，我们可以总结出form表单target属性的几个常见应

用场景：

1. 在新窗口或者标签页中打开提交结果，适用于需要保留原页面的情

况。

2. 在当前窗口中打开提交结果，默认的取值，适用于直接在当前页面

中显示提交结果的情况。

3. 在父窗口中打开提交结果，适用于内嵌框架中使用表单的情况。

4. 在顶级窗口中打开提交结果，适用于将提交结果展示在完全独立的

窗口中的情况。

5. 在指定框架中打开提交结果，适用于在包含多个框架的页面中使用

表单。

总结：本文详细介绍了form表单的target属性的用法和常见应用场

景。通过了解和正确使用form表单的target属性，我们可以根据具体需

要控制表单提交后的数据返回方式，提供更好的用户体验和数据展示效果。

在实际开发中，根据不同的需求选择合适的target取值，可以更加灵活地

处理表单提交操作。