Cara Membuat Tombol Di Html

Daftar Isi:

Cara Membuat Tombol Di Html
Cara Membuat Tombol Di Html

Video: Cara Membuat Tombol Di Html

Video: Cara Membuat Tombol Di Html
Video: Tutorial HTML Part 28 - Membuat Button di Form HTML 2024, November
Anonim

Tombol dibuat dalam HTML menggunakan tag and. Mereka adalah bagian integral dari hampir semua antarmuka dan membantu mengirim informasi yang diperlukan ke skrip handler atau membersihkan formulir yang sudah diisi.

Cara membuat tombol di html
Cara membuat tombol di html

instruksi

Langkah 1

Menggunakan deskriptor menambahkan tombol bernama nama dan nilai ke halaman. Atribut name memberi elemen pengidentifikasi unik dan digunakan oleh pemroses formulir untuk menentukan nilainya. Nilai menempatkan teks yang diperlukan di atas. Misalnya, untuk membuat tombol, tulis kode berikut:

Perintah ini akan membuat tombol dengan tombol nama dan keterangan "Kirim" di atasnya.

Langkah 2

Deskriptor membuat elemen serupa, tetapi menawarkan banyak parameter tambahan untuk digunakan yang mungkin diperlukan oleh pengembang web. Jadi, Anda dapat melapisi tabel atau gambar, teks berformat atau daftar di atas. Sebagai contoh:

Teks

Langkah 3

Atribut formulir menentukan pengidentifikasi formulir yang akan digunakan untuk memproses data. Formaction menyiapkan pengendali formulir di bagian lain dari dokumen, file lain, atau situs. Formmethod bertanggung jawab untuk mendefinisikan metode untuk mentransfer data. Nama menentukan nama tombol, jenis - jenis (normal, untuk mengirimkan data atau untuk membersihkan formulir). Nilai - nilai yang akan dibaca oleh skrip. Tombol akan menampilkan gambar dengan alamat yang ditentukan dan teks tebal.

Langkah 4

Untuk membuat tombol yang akan memproses data yang dimasukkan, Anda harus menentukan jenis yang sesuai dalam atribut:

Untuk membuat tombol yang menghapus input pengguna, setel type = “reset”.

Direkomendasikan: