Ahad, 8 September 2019
Hari
ini mulai memasuki pekan ketiga saya belajar di Pesantren Siber Bandung,
seperti biasa pada sekitar pukul sembilan kami sudah berkumpul didalam kelas.
Kami mengisi waktu pada ahad pagi ini dengan belajar mandiri, mengerjakan
tugas, mendengar kajian, dan memanfaatkan waktu dengan melakukan aktifitas positif lainnya. Kegiatan mandiri
ini berlangsung hingga waktu dzuhur.
Setelah
istirahat siang, kami mendapati kabar bahwa a Raffi -yang akan mengajar hari ini-
tidak bisa hadir dikarenakan beberapa alasan. Ia pun memberi tugas pada kami
untuk mempelajari sendiri tentang html dalam masalah table, form, input (text,
number, date), textarea, button. Lalu ia memerintahkan kami untuk membuat code
html berisi komponen-komponen tersebut beserta menulis penjelasan atau
pengertiannya.
Masing-masing
dari kami pun mempelajari dan membuat html tersebut. Ini adalah satu contoh
code html yang saya buat :
<!DOCTYPE
html>
<html>
<head>
<title>Formulir Pilihan
Kegiatan Ekstrakulikuler</title>
</head>
<body>
<table
border="1">
<tr>
<td
colspan="2">Pilihan Kegiatan Ekskul Olahraga</td>
</tr>
<tr> <td>NO</td>
<td>Nama Kegiatan
Ekskul</td>< /tr>
<tr> <td>1.</td>
<td>Futsal</td> </tr>
<tr> <td>2.</td>
<td>Badminton</td> </tr>
<tr> <td>3.</td>
<td>Bola Basket</td> </tr>
<tr> <td>4.</td>
<td>Renang</td> </tr>
<tr> <td>5.</td>
<td>Panahan</td> </tr>
<tr> <td>6.</td>
<td>Bela
diri</td> </tr>
<tr> <td>7.</td>
<td>Takraw</td> </tr>
<tr> <td>8.</td>
<td>Tenis
Meja</td> </tr>
<tr> <td>9.</td>
<td>Berkuda</td> </tr>
<tr> <td>10.</td>
<td>Sepak
Bola</td> </tr>
</table><br>
<form
action="pemilih.php">
<fieldset>
<legend>Pemilih</legend>
<p> <label>Nama Pemlih :</label>
<input
type="text" name="nama" value="Tulis dengan Nama
Lengkap"></p>
<p> <label>Tanggal Lahir
:</label>
<input
type="date" name="tgl.lahir"></p>
<p> <label>Pilihan Ekskul
:</label>
<input
type="number" min="1" max="10"
name="no.pilihan"></p>
<p> <label>Saran/Kritik tentang
Kegiatan Ekskul :</label>
<textarea
name="saran/kritik" cols="50" rows="5"> Boleh
diisi ataupun ditinggalkan</textarea></p>
<p> <button
type="submit">Kirim Data</button>
<button
type="reset">Reset Form</button></p>
</fieldset>
</form>
</body>
</html>
Lalu berikut ini adalah beberapa hal yang saya tangkap
mengenai penjelasannya :
- §
<table> : untuk membuat tabel,
border=”1” : untuk membuat garis pada tabel dan angka pada atribut tersebut
untuk ukuran garis -semakin besar angkanya maka semakin besar ukuran garisnya-
- §
<tr> : (table row) untuk membuat
baris
- §
<td> : (table data) untuk
membuat sel
- §
rowspan=”angka” : untuk menggabungkan
baris, angka pada atribut tersebut menunjukkan jumlah baris yang akan digabung
- §
colspan=”angka” : untuk menggabungkan
kolom, angka pada atribut tersebut menunjukkan jumlah kolom yang akan digabung
- §
<form> : untuk membuat formulir,
action=”...” : untuk mendefinisikan
tindakan apa yang akan dilakukan ketika formulir dikirimkan.
- § <fieldset> : untuk mengelompokkan beberapa objek form menjadi sebuah kelompok –kotak yang membuatnya menjadi lebih rapi-
- §
<legend> : untuk menampilkan judul dari kelompok objek
form tersebut
- § <p> : untuk membuat paragraf
- § <label> : untuk memberi keterangan yang memudahkan pengguna dalam memasukkan data
- § <input> : untuk memasukan data, type : (text: data yang diisi & dimasukkan berupa teks, date : data yang diisi & dimasukkan berupa tanggal, number : data yang diisi & dimasukkan berupa angka), name: untuk memberi nama data yang diinput, value : tulisan sebelum input diisi
- § <textarea> : untuk menangani input teks yang memerlukan banyak karakter
- § <button> : untuk membuat tombol -baik didalam atau diluar form-. Type : (submit : digunakan untuk mengirimkan data –ketika tombol diklik, html akan mengirimkan data yang diisi untuk diproses-, reset : digunakan untuk mereset/ mengosongkan kembali isian form)
Terakhir, karena hari ini
bertepatan dengan tanggal 8 Muharram 1441 maka saya akan tulis suatu hadits
tentang disyariatkannya auasa A’syuro pada bulan Muharram. Ketika Nabi
shallallahu alaihi wa sallam datang ke Madinah Al- Munawwaroh (Kota Yatsrib)
beliau mendapati orang-orang yahudi puasa pada tanggal 10 Muharram. Nabi
shallallahu alaihi wa sallam pun menanyakan alasan mereka berpuasa, orang
yahudi pun menjawab : “Hari ini merupakan hari yang baik dimana Allah
subhaanahu wa ta’ala membebaskan Bani Israil dari musuh-musuh mereka, maka Nabi
Musa pun berpuasa -pada hari tersebut-.“ Maka Nabi shallallahu alaihi bersabda
:
(أنا أحق بموسى منكم)
“Aku lebih berhak
-berbahagia- atas -apa yang terjadi pada- Musa daripada
kalian”, Maka Nabi pun berpuasa pada hari tersebut dan menyuruh orang-orang
untuk berpuasa. Sampai-sampai Ibnu Abbas radhiallahu anhu berkata :
(ما رأيت النبي صلى الله عليه وسلم يتحرى
صيام يوم فضله على غيره إلا يوم عاشوراء)
“Aku tidak pernah melihat Nabi shallallahu alaihi wa sallam
bersungguh-sungguh untuk berpuasa pada suatu hari yang lebih ia utamakan dari
hari-hari selainnya kecuali hari A’syuro.” Semoga Allah menggerakkan hati kita
semua untuk berpuasa pada hari tersebut...آمين يا
رب العالمين
EmoticonEmoticon