Langsung ke konten utama

Text Area Web || Praktikum 8

Html, Text Area Di web

Assalamualaikum Wr, wb.


Selamat DAtang di web Parktikum.

Kali ini saya akan mebagikan html untuk membuat Text Area di Web
Text Area digunakan utnuk  membuat inputan yang bisa menampung lebih dari satu baris

Berikut adalah caranya :

1. Text Area



Dan ini adalah html nya :





2. Text Area Cols


Adalah Ukuran ukuran dari sebuah text area



Dan brikut ini adalah html nya :




di atas ada atribut col dan rows tag tersebut di gunakan untuk menentukan tinggi dan lebar dari sebuah ukuran text area.


3.Text Area Disable

 text area ini di gunakan untuk meanmpilkan sebuah komen text area ini tidak dapat di salin maupun di ubah.


dan ini adalah html nya :




4.Text Area Hidden 1

Text Area Ini sebuah objek form khusus yang sesuai dengan nama tipenya, memang tersembunyi dan tidak dapat dilihat oleh user.



Dan berikut ini adalah html nya ;




5. Text Area Hidden 2

Type hidden ini bisa digunakan untuk mengirim suatu data dari sebuah halaman ke halaman lain tanpa mengganggu bentuk form yang telah ada, dan biasanya digabungkan dengan pemrosesan javascript atau PHP

Contoh nya

Dan ini html nya :





6. Text Area Password

Text Area Ini di gunakan untuk meng inputkan Password  dengan carakter tersensor.

  
dan selanjutnya adlah kode html nya :





tag input untuk memasukan data atau passwordnya dan atribut type="password" digunakan untuk meng inputkan password, maxlenght="' digunakan utnk batasan karakter di password tersebut.

7.Text Area Read Only 

Di guanakn untuk membuat sebuah text area  dengan komentar yang tidak dapat di ubah akan tetapi dapat di salin.

Dan ini html nya




8. Upload File

ini di gunakan untk meng input foto atau file ke web.


dan ini html nya :



9.Chek Box Dan image button

Adalah untk berfungsi untuk membuat checkbox atau kotak isian yang diisi dengan cara menceklist kotak tersebut. checkbox biasa digunakan untuk pilihan yang dapat dipilih dengan lebih dari 1 pilihan.


ini html nya :





10. option dan value

merepresentasikan sebuah opsi (pilihan dari daftar alternatif). Jadi, opsi ditulis lebih dari satu sebagai daftar untuk memilih pilihan yang diinginkan oleh user.


dan ini adalah htnml nya :



11. Radio Button

tag input untk membuat pilihan


ini html nya :




12. Membuat Campuran dari semua yang telah di jelas kan di atas 
Yaitu Form pedaftaran



Dengan menggambungkan beberapa dari tag tag html diatas kita bisa membuat form pendaftarabn sederhana ini selanjutnya  adalah html nya :






Sekian dari Beberapa tampilan text area dari saya

Terimakasih... 

Komentar

Postingan populer dari blog ini

Create Read Update Delete with Relation Tabel || Praktikum 4

Hallo Berjumpa Lagi di Blog Praktiku... Kali ini saya akan membahas tentang bagai mana dan apa itu cara untuk meralasikan 2 tabel pada data base. Contoh kasus yang diberikan adalah ketika akan menambahkan Data Siswa yang telah di buat pada postingan postingan sebelum nya, maka pilihan Kelas berasal dari tabel t_kelas yang bersifat dinamis. Artinya kita juga akan membuat CRUD sebagai data master Kelas nah jadi ketika kita memilih sebuah opsi maka opsi tersebut langsung berasal dari tabel yang kita buat di data base nya. contoh nya seperti ini : maka pada option diatas langsung berasal dari databse... untuk itu saya akan bahas.. Pertama buatlah tabel di data base dengan new tabel sebagi berikut ini dengan nama t_kelas : selanjutnya pada tabel siswa kosongkan lah datanya terlebih dahulu karena pada tabel siswa dengan tabel t_kelas kita akan mengjoinkan nya atau merelasikanya untuk mengkosongkan data agar lebih mudah tinggal masuk ke option>truncate. ...

Array Asosiatif & CSS Media Query Diphp || Praktikum 25

Hallo berjumpa lagi di Blog Praktikum.. pada postingan kali ini saya akan menjelaskan dari apa itu array Asosiatif dan CSS Media Query di PHP. Pengertian Array Asosiatif kumpulan data abstrak yang berpasang pasangan sehingga setiap kunci yang mungkin muncul paling banyak satu kali dalam koleksi. contoh penggunaan nya : Praktikum nya.. ada dua yaitu : 1. LatArrayAsosiatif.php 2. Array Asosiatif Feat looping 3. Studi kasus penggunaan array Asosiatif berikut contoh kodingan dan hasil nya 1. LatArrayAsosiatif.php ini kodingan nya ini hasil nya 2. Array Asosiatif Feat looping ini kodingan nya ini hasil nya 3. Studi kasus penggunaan array Asosiatif ini kodingan nya ini hasil nya =========== selanjutnya ada Css media query fungsi fungsi utama dari css media query ini adalh memungkinkan tampilan konten web akan sesuai dengan ukuran alat yang digunakan CSS Media Query menangani perbedaan tampilan pada beberapa resolu...

JAVA SCRIPT : PERULANGAN DAN FUNGSI || Praktikum 15

Assalamualaikum wr wb.. Selamat datang di blog Praktikum.. kali ini saya akan menjelaskan  bagai mana penggunaan Perulangan dan Fungsi Di java Script. Berikut ini adalah Penjelasanya Struktur Kontrol Perulangan Perulangn merupakan struktur yang memungkinkan menjalankan kode  program yang sama beberapa kali perulang di java script memiliki 3 bentuk yaitu : for while do-while a. perulangn for for(inisialisai; kondisi; peubah;){ baris program } b. perulangan while (kondisi){ kode program yang inigin di jalankan beberapa kali } c. perulangan Do-While do{ kode program yang ingin di jalan kan bebebrpa kali;  }while(kondisi); contoh programnya 1.Buat perulangan ini kodinganya : ini hasilnya : 2.Perulangan For ini kodinganya : ini hasil nya : seperti yang di lihat di kodingan bahwa  kodisinya menunjukan <=5 maka kata atau kalimat yang ingin kita ulang akan di ulang sebanyak 5x; 3.perulangan While ini kodin...