Contoh
Sebuah <iframe> dengan pembatasan ekstra:
<iframe src="demo_iframe_sandbox.htm"
sandbox></iframe>
Cobalah sendiri " Lebih "Cobalah Sendiri" contoh di bawah ini.
Definisi dan Penggunaan
The sandbox atribut memungkinkan set ekstra pembatasan untuk konten dalam iframe.
Ketika sandbox atribut hadir, dan itu akan:
- memperlakukan konten sebagai dari asal yang unik
- pengiriman formulir blok
- eksekusi blok skrip
- menonaktifkan API
- mencegah link dari penargetan konteks penjelajahan lainnya
- mencegah konten dari menggunakan plugin (melalui <embed>, <object>, <applet> , atau other )
- mencegah konten untuk menavigasi konteks penjelajahan top-level
- memblokir fitur otomatis dipicu (seperti bermain secara otomatis video atau otomatis fokus kontrol bentuk)
Nilai dari sandbox atribut baik dapat hanya sandbox (maka semua pembatasan yang diterapkan), atau daftar dipisahkan dengan spasi dari nilai-nilai yang telah ditetapkan yang akan HAPUS pembatasan tertentu.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut.
| Atribut | |||||
|---|---|---|---|---|---|
| sandbox | 4.0 | 10,0 | 17.0 | 5.0 | 15.0 |
Perbedaan Antara HTML 4.01 dan HTML5
The sandbox atribut baru dalam HTML5.
Sintaksis
<iframe sandbox="value">
atribut Nilai
| Nilai | Deskripsi |
|---|---|
| ( no value ) | Berlaku semua pembatasan |
| allow-forms | Re-memungkinkan pengiriman formulir |
| allow-pointer-lock | Re-memungkinkan API |
| allow-popups | Re-memungkinkan popup |
| allow-same-origin | Memungkinkan konten iframe untuk diperlakukan sebagai dari asal yang sama |
| allow-scripts | Re-memungkinkan skrip |
| allow-top-navigation | Memungkinkan isi iframe untuk menavigasi konteks penjelajahan top-level |
Contoh lebih
Contoh
Sebuah <iframe> sandbox pengiriman formulir yang memungkinkan:
<iframe src="demo_iframe_sandbox_form.htm" sandbox="allow-forms"></iframe> Cobalah sendiri " Contoh
Sebuah <iframe> sandbox yang memungkinkan skrip dan akses ke server konten:
<iframe src="demo_iframe_sandbox_origin.htm" sandbox="allow-same-origin
allow-scripts"></iframe> Cobalah sendiri "