#8 Basic Web | Web Programming Tutorial

Assalamualaikum wr, wb

Pada kesempatan ini saya Angga Gemilang dari kelas XI - RPL 1 akan menjelaskan seluk beluk tentang Basic Web. mudah-mudahan kalian bisa dan mudah mengerti dengan penjelasan - penjelasan yang saya sampaikan. Saya akan menjelaskan sedikit tentang Tag - tag dasar pada pemrograman web (Seperti cara membuat list, membuat biodata dengan dan tanpa CSS)

DIbawah ini ada 2 bab yang akan kita pelajari, yaitu:

1. Cara Membuat TextArea & TextFild
• Pencodean Textarea
2. Cara Membuat TextField
• Pencodean TextField
• Membuat form signup

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Cara Membuat TextArea
Tag dan atribut pada pembuatan TextArea

Textarea adalah sebuah kolom area teks yang dapat menampung karakter teks dengan jumlah yang tidak terbatas, dan teks membuat dalam font fixed-width (biasanya berukuran Kurir). Ukuran kolom textarea dapat ditentukan oleh atribut cols dan rows. Atau lebih jelasnya bisa kalian lihat pada table di bawah ni :

Ringkasan tag - tag dalam membuat sebuah textarea

Tag	Atribut	Value	Keterangan
Textarea	Autofocus	autofocus	Area tertentu pada text area, dimana kursor y otomatis mengarah ke daerah tersebut ketika halaman web diload.
Textarea	Cols	number	Menentukan lebar text area
Textarea	Rows	number	Menentukan tinggi text area
Textarea	Disable	disable	Text area dapat diubah
Textarea	Form	form_id	Satu atau lebih form pada text area
Textarea	MaxLength	number	Menentukan panjang karakter pada text area
Textarea	Name	text	Nama dari text area
Textarea	PlaceHolder	text	Memberikan gambaran singkat tentang nilai pada tex tarea
Textarea	Readonly	readonly	Text area bersifat read-only
Textarea	Required	required	Menentukan text area tersebut harus diisi atau tidak.
Textarea	Wrap	Hard / soft	Menentukan bagaimana cara teks dikemas dalam text area sebelum teks tersebut dikirimkan

---

Pencodean TextArea
Praktek Percobaan

Macam - macam Pengcodean pada tag <textarea>

1. Hanya menggunakan atribut cols dan row

Textarea ini merupakan default tag textarea tanpa atribut apapun

2. Hanya menggunakan atribut cols dan row

Textarea ini menggunakan atribut readonly sehingga hanya bisa di baca dan dicopy

3. Hanya menggunakan atribut cols dan row

Textarea ini menggunakan atribut disable sehingga tidak bisa diubah dan dicopy

4. Hanya menggunakan atribut cols dan row

Kita juga Bisa Menggunakan CSS untuk disable resize di textarea dengan mengetikkan "resize: none;" di style.css

---

Cara Membuat Text Field
Tag - tag Dalam Membuat Text Field

Secara umum, kedua type tag input ini berfungsi sebagai kolom isian dari user. Dengan perbedaan untuk type=password, text isian tidak akan ditampilkan, namun diganti dengan karakter khusus.

Kedua tag ini biasanya digunakan di dalam form HTML, namun anda juga bisa menggunakannya di luar tag form, terutama jika anda akan memprosesnya menggunakan javascript.

Ringkasan tag - tag dalam membuat sebuah input

Tag	Atribut	Type	Keterangan
input	-	Text	Type text ini berfungsi untuk membuat inputan text di html
input	-	Radio	Ttype text ini berfungsi untuk membuat suatu pilihan di html
input	-	number	Type text ini berfungsi untuk membuat inputan nomo rdi html
input	-	checkbox	Type text ini befungsi untuk membuat beberapa inputan di html
input	-	password	untuk membuat inputan sebuah password di html
input	-	submit	Untuk membuat sebuah tombol submit atau kirim pada html
input	Placeholder	-	Untuk membuat kalimat instruksi yang akn menghilang pada sebuah tag input
input	name	-	untuk memberi nama sebuah input pada html
select	-	-	Merupakan tag induk dengan option untuk membuat sebuah satu inputan dari sekian banyak pilihan
option	-	-	Merupkan tag anak dari select untuk memberkan pilihan inputan yang banyak
input	value	-	atribut untuk memberikan nama yang nantinya akan dikirim ke file php

---

Pencodean tag input
Praktek Percobaan

Contoh dari pencodean tag input

1. Input Text

Nama :

2. Input Password

Password :

3. Input radio

Jenis kelamin : Laki-lakiPerempuan

4. Input Checkbox

Hobby : Main Bola Main Game Ngoding Baca Buku

5. Input Number

Jumlah :

6. Input Submit

7. Input untuk select dan option

Jurusan Rekayasa Perangkat Lunak Teknik Komoputer Jaringan Multimedia

---

Membuat Form SignUp
Praktek Percobaan

Hasil dari pengerjaan membuat form signup

---

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #3 Basic Web | Web Programming Tutorial karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb