Tombol dalam Formulir

Termasuk bagian Dasar-Dasar dalam perjalanan HTML di Coddy. Pelajaran 45 dari 60.

Tombol berperan penting dalam formulir, karena tombol membantu mengirim data atau mengatur ulang kolom. Mari kita lihat cara kerjanya:

<form>
	<input type="text" name="username" placeholder="Enter username">
	<button type="submit">Submit</button>
</form>

<form>
	<input type="text" name="name" value="John Doe">
	<button type="reset">Reset</button>
</form>

Tantangan

Mudah

Buat dokumen HTML yang menyertakan form dengan beberapa jenis tombol. Form tersebut harus memiliki elemen berikut:

Kolom input teks dengan nama "message" dan placeholder yang bertuliskan "Enter your message".
Tambahkan tombol submit (<button type="submit">) dengan teks "Send".
Tambahkan tombol reset (<button type="reset">) dengan teks "Clear".
Tambahkan tombol (<button>) dengan teks "Click Me" dan tanpa atribut type. Di dalam form, tombol tanpa type juga akan mengirimkan form.

Coba sendiri

<!DOCTYPE html>
<html>
    <body>
        <!-- Tulis kodemu di sini -->
    </body>
</html>

Uji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Dasar-Dasar

1Dasar-Dasar HTML

4Kartu Resep

7Halaman Profil Pribadi

10Tabel

2Teks dan Pemformatan

5Menambahkan Konten

8Formulir dan Input Bagian 1

11Halaman Pendaftaran Acara

3Bekerja dengan list

6Tata Letak Halaman

9Formulir dan Input Bagian 2

12Tantangan Akhir

Latihan sendiri: Playground Web