Generator Details HTML
Buat elemen <details> / <summary> yang bisa dilipat — atur ringkasan, konten yang tersembunyi, dan apakah awalnya terbuka, lalu salin HTML siap pakai. Gratis, instan, tanpa AI.
Input
Pengaturan
Beri nama yang sama pada beberapa <details> agar menjadi akordion eksklusif — membuka satu akan menutup yang lain.
Tambahkan kelas CSS kustom ke elemen. Pisahkan beberapa kelas dengan spasi.
Output
Elemen Anda akan muncul di sini.
Cara lain menggunakan alat ini
REST API
curl -X POST https://api.iotools.cloud/v1/tool/html-generator/details \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"customSummary": "Read more",
"customContent": "Hidden text.",
"customOpen": "",
"customName": "",
"customClasses": ""
}'Ganti dengan kunci Anda sendiri dari akun Anda. Bidang alat menjadi isi permintaan — tanpa pembungkus.
Tanyakan ke agen AI
Use the IOTools `html-generator__details` tool (HTML Details Generator) on this input:
YOUR_INPUT_HERETempelkan ini ke agen mana pun yang terhubung ke server MCP IOTools, lalu tambahkan input Anda.
Widget sematan
<iframe
src="https://iotools.cloud/embed/html-generator/details/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Generator Details HTML — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Tempelkan ini di halaman Anda sendiri — gratis, tanpa kunci, cukup tautan balik.
| Biaya per panggilan API/MCP | Mulai dari 5 kredit |
|---|---|
| Butuh kredit lebih? | Lihat harga |
Juga tersedia melalui
Panduan
Buat <details> / <summary> yang siap ditempel — bagian yang bisa dilipat untuk menyembunyikan dan menampilkan konten tanpa JavaScript, cara asli HTML.
Berjalan sepenuhnya di browser Anda: tanpa panggilan AI, tanpa kredit, tanpa perjalanan bolak-balik ke jaringan. Output diperbarui seketika saat Anda mengetik.
Cara menggunakan
- Ketik Ringkasan (judul yang selalu terlihat) dan Konten yang ditampilkan saat bagian dibuka.
- Opsional, centang Terbuka secara default, atau atur Nama grup — beberapa bagian dengan nama yang sama berperilaku sebagai akordion eksklusif, di mana membuka satu akan menutup yang lain.
- Salin atau unduh HTML yang dihasilkan.
Mengapa tidak ada pratinjau langsung?
Output berupa markup asli yang tidak disanitasi — merendernya langsung di halaman tidak aman. Tempel kodenya ke halaman Anda sendiri untuk melihatnya dalam konteks.