HTML表单五类target属性值,在线实例编辑

HTML表单form的target属性可以用来定义表单提交之后从服务器发送回浏览器端的响应在何处显示。target属性的值一般可分为五类,如下表:

target属性的五类值

属性值描述
_blank响应在浏览器新的窗口中渲染
_self响应在当前窗口打开
_parent响应在父框架中渲染
_top响应在窗口的整个body中渲染
iframename响应在特定的iframe内联框架中

_self实例代码,在线编辑器

如果不设置target的属性值,那么响应的显示效果于_self是一样的:

<form action='https://www.x1y1z1.com/search' method='GET'target='_self'>
  <input type='text'name='qsearchword'>
  <input type='submit' value='笨鸟搜索'>
</form>

iframename属性值的用法和实例

首先声明一个iframe内联框架,然后通过下方实例的试一试按钮,在线运行实例中的代码,最后点击右上角关掉在线编辑器,便可发现搜索到的内容已经显式在name='benniao1'的内联框架之中了:

<form action='https://www.x1y1z1.com/search' method='GET' target='beniao1'>
  <input type='text'name='qsearchword'>
  <input type='submit' value='笨鸟搜索'>
</form>

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.