sei 8

Oleh

Assalamualaikum Wr. Wb.

Haii teman – teman bertemu lagi dengan saya Rizki aziz, seperti biasa saya akan membagikan sedikit ilmu saya yang saya pelajari di SMKN 4 Bandung mengenai programan web.
Meneruskan materi sebelumnya yaitu penyajian komponen video audio & map. Jika belum lihat bisa cek terlebih dahulu http://rizkyaziz027.blogspot.com/2018/08/blog-post.html . Dan sekarang saya akan membahas tentang Penyajian komponen Entri teks.


Pada HTML terdapat komponen entri teks yang fungsinya berbeda – beda, salah satunya yang belum dipelajari adalah textArea. textArea merupakan komponen entri teks yang digunakakn untuk memasukan teks yang tersusun lebih dari 1 baris. Untuk menggunakannya textarea disispkan pada tag form lain layaknya komponen form lain yang biasa digunakan.

Format umum pengkodean Textarea :
<textarea attribute=”value”>

Terdapat beberapa atribut dari textarea, diantaranya row, col, dan lain sebagainya. 

Berikut ini contoh pengkodean textarea :

Textarea1.html






Berikut hasil dari source code diatas :




Pengkodean textarea dengan atribut cols (kolom) :
   Atribut cols digunakan untuk menentukan lebar dari textarea. Contoh berikut menampilkan 3 komponen textarea dengan lebar textarea bervariasi. 

Textareacols.html



Berikut hasil dari source code diatas :




Pengkodean textarea dengan atribut readonly
  Atribut ini digunakan agar tulisan yang terdapat didalam textarea hanya dapat diabaca dan disalin tapi tidak dapat diubah.


Textareareadonly.html



Berikut hasil dari source code diatas :




Pengkodean textarea dengan atribut disabled


Textareadisabled.html



Berikut hasil dari source code diatas :




Pengkodean textfield dengan atribut password


Textareapassword.html





Berikut source code diatas :






Textareahidden.html



Berikut hasil dari source code diatas :





Textareahidden2.html



Berikut hasil source code diatas :





Uploadfile.html



Berikut hasil dari source code :





Radiobutton.html

Hasil source code diatas :






Checkboxdanimagebutton.html



Berikut hasil source code diatas :




optionvaluedanDatalist.html



berikut hasil source code :



OK.. dari materi yang kalian pelajai diatas, kalian coba buat halaman web form dengan kemamuan kalian sendiri.

Misal nya berikut saya membuat contoh form menggunakan tag yang sebelumnya saya bagikan :

Source code :



Berikut hasil dari source code diatas :



Ok.. terimakasih telah dating dan mau membaca blog saya, semangat belajar, semoga berhasil ok..
Wassalamualaikum wr. wb.

Komentar

Posting Komentar

Postingan populer dari blog ini

Oleh
Gambar
Tugas Program Dasar 1.#include <iostream>   using namespace std;   int(){                 int c                 printf("Masukan nilai : ");                 scanf ("%d" , c);                 printf("Nilai yang anda masukkan adalah = %i", c);                 return 0;}   Kode program di atas memiliki kesalahan penulisan sehingga program tidak dapat dijalankan , kesalahan tersebut adalah ...   (E.Penggunaan Header yang Salah , karena fungsi printf() atau scanf() menggunakan header <stdio.h>) 2.untuk menjalankan operasi I/O terdapat beberapa kelas yang harus d...
Baca selengkapnya

BASIC DASAR CODE::BLOCKS

Oleh
Gambar
Assalamualaikum.. Ok,, gan sebelumnya saya udah berbagi ilmu nih bagaimana caranya menginstal code blocks v17.12 Nah.. kali ini saya akan terusin materi pengalaman saya belajar sebagai siswa RPL... yaitu basic  dasar pemrograman di codeblocks.. ok lah let’s do it… Sebelumnya saya saranin doa dulu biar berkah belajarnya gan…hhe.. Pertama pastinya nyalain dulu computer anda dan buka aplikasi codeblocks Nah kalau udah kebuka klik file > new  > empty file atau bisa juga ctrl + shift + N biar cepet aje gan.. kemudian save ( ctrl + S ) bebas dimana aja,, lalu tambahin .cpp misal belajar.cpp   Second.. (inggris dikit lh biar keren. hhee..) kita mulai proses codingannya.. Pertama anda harus alias wajib  tulis     #include <iostream>  lalu   enter  using namespace std; di setiap  awal codingan. Selanjutnya tinggal pelajari dan masukin code berikut.. tugas 2 #...
Baca selengkapnya

sesi 6

Oleh
Gambar
Assalamualaikum wr. wb Bertemu lagi dengan saya yang kali ini akan memberikan beberapa conoth layout website beserta source code nya. 1. Yang pertama adalah TopIndex, kalian bisa lihat dan pelajari code berikut : Dan hasil dari source code di atas adalah sebagai berikut : 2. Bottom Index Hasilnya akan seperti gambar dibawah ini: 3.Left Index Hasilnya seperti berikut : 4. Layout Split Dan hasilnya seperti berikut : Nahh .. itu tadi beberapa contoh layout yang sering digunakan dalam website. selanjutnya saya kalian bisa isi content atau yang lain nya sesua dengan keinginan kalian. contohnya saya membuat dan mengisi dari satu layout di atas sebagai berikut : Source Code : Hasil dari sourc Code nya seperti dibah ini : Ok.. itu tadi beberapa contoh layout website. Terimakasih atas kunjungan nya, mohon maaf apabila banyak kesalahan.. Wassalamualaikum wr. wb.
Baca selengkapnya