Cara Membuat Butang Dalam Html

Isi kandungan:

Cara Membuat Butang Dalam Html
Cara Membuat Butang Dalam Html

Video: Cara Membuat Butang Dalam Html

Video: Cara Membuat Butang Dalam Html
Video: Tutorial HTML Part 28 - Membuat Button di Form HTML 2024, Mungkin
Anonim

Butang dibuat dalam HTML menggunakan tag dan. Mereka adalah bahagian penting dari hampir semua antara muka dan membantu menghantar maklumat yang diperlukan ke skrip pengendali atau membersihkan borang yang sudah diisi.

Cara membuat butang dalam html
Cara membuat butang dalam html

Arahan

Langkah 1

Menggunakan deskriptor menambah butang bernama nama dan nilai ke halaman. Atribut name memberikan elemen pengecam unik dan digunakan oleh pemproses bentuk untuk menentukan nilainya. Nilai meletakkan teks yang diperlukan di atas. Contohnya, untuk membuat butang, tulis kod berikut:

Perintah ini akan membuat butang dengan butang nama dan kapsyen "Kirim" di atasnya.

Langkah 2

Penerangan mencipta elemen yang serupa, tetapi menawarkan banyak parameter tambahan untuk penggunaan yang mungkin diperlukan oleh pembangun web. Oleh itu, anda boleh meletakkan jadual atau gambar, teks berformat atau senarai di atas. Sebagai contoh:

Teks

Langkah 3

Atribut form menentukan pengenal bentuk yang akan digunakan untuk memproses data. Formaction menyediakan pengendali borang di bahagian lain dari dokumen, fail lain, atau laman web. Formm Method bertanggungjawab menentukan kaedah untuk memindahkan data. Nama menentukan nama butang, ketik - jenis (normal, untuk mengirimkan data atau untuk membersihkan borang). Nilai - nilai yang akan dibaca oleh skrip. Butang akan memaparkan gambar dengan alamat yang ditentukan dan teks tebal.

Langkah 4

Untuk membuat butang yang akan memproses data yang dimasukkan, anda mesti menentukan jenis yang sesuai dalam atribut:

Untuk membuat butang yang membersihkan input pengguna, tetapkan type = "reset".

Disyorkan: