Generator Input Gambar HTML
Buat tombol kirim grafis <input type="image"> — atur sumber gambar, teks alternatif, dan opsi pengiriman formulir, 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. submit_image atau image-button).
URL atau path ke file gambar.
Teks alternatif untuk aksesibilitas dan saat gambar gagal dimuat.
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-image \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"customName": "image-button",
"customSrc": "https://example.com/button.png",
"customAlt": "Submit",
"customDisabled": "",
"customWidth": "",
"customHeight": "",
"customValue": "Submit",
"customFormaction": "",
"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-image` tool (HTML Input Image 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-image/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Generator Input Gambar 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 <input type="image"> siap tempel — tombol kirim grafis yang memakai gambar alih-alih tampilan tombol bawaan. Atur sumber gambar, teks alternatif, ukuran, dan opsi pengiriman formulir opsional, lalu salin HTML yang dihasilkan.
Berjalan sepenuhnya di browser Anda: tanpa panggilan AI, tanpa kredit, tanpa perjalanan jaringan. Keluaran diperbarui seketika saat Anda mengetik.
Cara menggunakannya
- Atur Nama, Sumber gambar, dan Teks alternatif.
- Opsional: atur lebar/tinggi atau override aksi formulir.
- Salin atau unduh HTML yang dihasilkan.
Mengapa tidak ada <label>?
<input type="image"> adalah tombol kirim grafis, bukan kolom formulir berlabel — teks alt-nya sudah menjelaskan fungsinya, dan memasangkannya dengan <label> itu berlebihan (serta ditandai oleh sebagian besar panduan penulisan HTML). Generator ini sengaja tidak menyertakannya.
Mengapa tidak ada pratinjau langsung?
Keluarannya adalah markup formulir mentah tanpa sanitasi — merendernya langsung di halaman tidak aman. Tempelkan kode ke halaman Anda sendiri untuk melihatnya dalam konteks.