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>