html tutorial - sandbox Attribute in HTML - html5 - html code - html form

Learn html - html tutorial - Sandbox attribute in html - html examples - html programs
- The sandbox attribute is used to enable some set of restriction for iframe contents.
- Block form submission.
- Content is treated as being from a unique origin.
- Block script execution.
- Disable APIs.
- Prevent browsing context to run scripts.
- Block plugins.
- Block automatic triggered events.
- Space separated list of values to remove the specific restriction.
Syntax for sandbox attribute in HTML:
<iframe sandbox="value1 value2 value3">
Applies To:
Element | Attribute |
---|---|
<iframe> | sandbox |
sandbox Attribute Values:
Value | Description |
---|---|
(no value) | Applies all restrictions |
allow-forms | Re-enables form submission |
allow-pointer-lock | Re-enables APIs |
allow-popups | Re-enables popups |
allow-same-origin | Allows the iframe content to be treated as being from the same origin |
allow-scripts | Re-enables scripts |
allow-top-navigation | Allows the iframe content to navigate its top-level browsing context |
Sample Coding for sandbox Attribute in HTML:
Tryit<!DOCTYPE html>
<html>
<head>
<title>Wikitechy sandbox attribute</title>
</head>
<body>
<iframe src ="wikitechy-script.html" sandbox>
<p>Browser not Supported.</p>
</iframe>
</body>
</html>
Sample Coding for wikitechy-script.html:
<!DOCTYPE html>
<html>
<body>
<button onclick="wikitechyAlert()">Click Me!</button>
<script>
function wikitechyAlert()
{
alert("This is Wikitechy Alert");
}
</script>
</body>
</html>
Code Explanation for sandbox Attribute in HTML:

- <iframe> tag used to embed a inline frame, “wikitechy-script.html” will be embed to the current document.
- sandbox attribute is used to specify some restriction to the “wikitechy-script.html”.
Code Explanation for wikitechy-script.html:

- The script shows an alert message as “This is Wikitechy Alert”.
Output for sandbox Attribute in HTML:

- When the user hit the Click me button that does not execute the script that was blocked by the “sandbox” attribute.
- If the sandbox attribute not presents the windows shows the alert message.

Browser Support for sandbox Attribute in HTML:
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
4.0 | 10.0 | 17.0 | 5.0 | 15.0 |