Generator Input Range HTML
Buat slider <input type="range"> — atur nama, label, min/max/step, dan nilai default, lalu salin HTML siap pakai. Gratis, instan, tanpa AI.
Input
Gunakan nama huruf kecil yang deskriptif dengan garis bawah atau tanda hubung agar mudah dibaca (mis. volume_level atau zoom-slider).
Pengaturan
Tambahkan kelas CSS kustom ke elemen. Pisahkan beberapa kelas dengan spasi.
Output
Cara lain menggunakan alat ini
REST API
curl -X POST https://api.iotools.cloud/v1/tool/html-generator/input-range \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"customName": "volume-slider",
"customLabel": "Volume",
"customMin": "0",
"customMax": "100",
"customStep": "1",
"customDefaultValue": "50",
"customDisabled": "",
"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__input-range` tool (HTML Input Range 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/input-range/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Generator Input Range 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 slider <input type="range"> siap tempel — atur nama, label, dan batasan numerik (min, max, step, nilai default), lalu salin HTML langsung ke halaman Anda.
Berjalan sepenuhnya di browser Anda: tanpa panggilan AI, tanpa kredit, tanpa perjalanan jaringan. Keluaran diperbarui seketika saat Anda mengetik.
Cara menggunakannya
- Atur Nama (dipakai untuk atribut
name/id) dan Label. - Sesuaikan Pengaturan — min/max, step, nilai default, nonaktif — agar sesuai dengan kebutuhan formulir Anda.
- Salin atau unduh HTML yang dihasilkan.
Mengapa tidak ada pratinjau langsung?
Keluarannya adalah markup formulir mentah tanpa sanitasi (<input>, <label>) — merendernya langsung di halaman tidak aman. Tempelkan kode ke halaman Anda sendiri untuk melihatnya dalam konteks.