The rel attribute on a <form> element defines the relationship between the current page and the form-handler.
Possible values include: nofollow
, noopener
, noreferrer
and others.
Multiple relationships can be defined by space-separating the values.
A <form> tag with a rel
attribute.
The form data is submitted to an external url without referrer information.
<form action="https://google.com" rel="external noreferrer" target="_blank">
<input type="text" name="q" placeholder="Search criteria..."><br/><br/>
<button type="submit">Submit</button>
</form>
The rel attribute defines the relationship between the current page and the action URL.
Multiple relationships can be defined by space-separating the values.
<tagname rel="nofollow | noopener | noreferrer | external | author | help | license | prev | next | bookmark | search | alternate | tag" />
Value | Description |
---|---|
nofollow | Specifies the link is not endorsed or is not controlled by the current page's author. Search engines often ignore links flagged as nofollow. |
noopener | No context or information about the current page is sent to the linked page. Used for untrusted links to avoid tampering with the current page. |
noreferrer | Prevents the browser from sending referrer data about the current page. |
external | Indicates the link is to a page outside the current site (different domain). Applies to: a, area, form |
help | Specifies the link is to a help page. |
license | Specifies the link is to a page with licensing information. |
prev | Specifies the previous page in a series of pages. |
next | Specifies the next page in a series of pages. |
search | Specifies the link is to a search page for the current page. |
Here is when rel support started for each browser:
Chrome
|
1.0 | Sep 2008 |
Firefox
|
1.0 | Sep 2002 |
IE/Edge
|
1.0 | Aug 1995 |
Opera
|
1.0 | Jan 2006 |
Safari
|
1.0 | Jan 2003 |
Back to <form>