Materi Ajar TIK Kelas 6B, Selasa 21 November 2023

 

Welcome to Grade VI

 

Nama Guru                 : Resky Kusumawardati, S.Kom.

Satuan Pendidikan     : SD Al-Azhar 2 Bandar Lampung

Mata Pelajaran           : Teknologi Informasi dan Komunikasi (TIK)

Kelas / Semester         : 6B / 1

Hari, Tanggal              : SELASA, 21 NOVEMBER 2023

Tema                          : Membuat hyperlink dan membuat form pada Dokumen Web

Subtema                      : Membuat form Pada Halaman Web

Pembelajaran Ke       : 15

 

بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيْم

 

APERSEPSI

Good morning sholeh-sholehah kelas VI B SD AL-AZHAR 2 BANDAR LAMPUNG

Bagaimana hari ini kalian tetap semangat dan selalu semangat ya, mari kita membaca doa belajar terlebih dahulu ya nak..

                                                     

                                                            Aamiin, Aamiin Ya Rabbal Alamin

Baik lah sebelum masuk ke dalam materi pembelajaran, kalian perlu mengetahui apa saja Tujuan Pembelajaran kita hari ini :

1.      Peserta didik dapat memahami cara membuat form pada halaman web

2.      Peserta didik dapat mendemonstrasikan penggunaan tag-tag html dalam program HTML

3.      Peserta didik dapat mengerjakan tugas dengan tuntas didalam program HTML

 

RINGKASAN MATERI :

Membuat Form

Elemen Form <form>

Form HTML merupakan tag yang paling penting khususnya dalam membuat aplikasi berbasis web. Form menyediakan properti masukan yang dapat berupa textbox, check box, radio button, dan button. Untuk mendeklarasikan sebuah form digunakan tag <form> ... </form>. Di dalam tag ini kita akan mendefinisikan elemen-elemen form seperti yang telah disebutkan di atas. Selain tag elemen form kita juga dapat menuliskan sembarang teks, tag, image.

1.1.1.           Atribut Elemen Form

ACTION         = URI (form handler)

METHOD       = [ get | post ] (HTTP method for submitting form)

1.1.2.           Properti Masukan Pada Elemen Form <input>, <textarea>, <select>

1. Text Box <input type=”text”>

Digunakan untuk memasukkan input berupa text.

SIZE               = size of the textbox in character, default 20

MAXSIZE      = maximum number of character will accept

NAME                        = name of variable to be sent to the application

VALUE          = will display its content as the default value

2. Password <input type=”password”>

Digunakan untuk memasukkan password.

SIZE               = size of the textbox in character, default 20

MAXSIZE      = maximum number of character will accept

NAME                        = name of variable to be sent to the application

3. Hidden <input type=”hidden”>

Digunakan untuk mengirim data ke suatu aplikasi yang tidak kita inginkan untuk dilihat oleh browser.

NAME                        = name of variable to be sent to the application

VALUE          = will display its content as the default value

4. Check Box <input type=”checkbox”>

Check box digunakan untuk dapat memilih lebih dari satu pilihan.

NAME                        = name of variable to be sent to the application

VALUE          = usually set to a value

CHECKED (check radio button or checkbox)

5. Radio Button <input type=”radio”>

Radio button digunakan untuk dapat memilih hanya salah satu pilihan.

NAME                        = name of variable to be sent to the application

VALUE          = usually set to a value

CHECKED (check radio button or checkbox)

6. Push Button <input type=”button”>

Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk menghasilkan suatu aksi.

NAME                        = name of variable to be sent to the application

VALUE          = text label on the button

7. Submit <input type=”submit”>

Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan nilainya ke suatu aplikasi yang ditentukan dalam atribut ACTION dalam elemen FORM.

NAME                        = name of variable to be sent to the application

VALUE          = text label on the button

8. Image Submit Button <input type=”image” src=”url”>

Digunakan untuk menggantikan tombol standar submit dengan image.

NAME                        = name of variable to be sent to the application

9. Reset <input type=”reset”>

Digunakan untuk mereset semua masukan dalam form.

VALUE          = text label on the button

10. Text Area <textarea> … </textarea>

Elemen untuk memasukkan teks secara leluasa seperti notepad.

NAME                        = name of variable to be sent to the application

ROWS                        = number of rows

COLS              = number of columns

11. Select <select> … </select>

Daftar isi dalam properti select mengunakan tag <option>

SIZE               = set the number of visible choices

NAME                        = name of variable to be sent to the application

 

KESIMPULAN

EVALUASI

PENUTUP

Demikian materi pembelajaran Membuat Form Pada Halaman Web pada hari ini. Pesan bu guru semangat selalu ya nak dan jangan lupa sholat 5 waktu serta sholat sunnah dhuha nya. Selamat belajar semoga bermanfaat aamiin yarabbal alamin.

 

Terimakasih

Wassalamu'alaikum warahmatullahi wabarakatuh