html

Hmmm HTML ?

 

Assalamualaikum Wr Wb

Pada kesempatan kali ini admin akan me-share tentang HTML atau Hyper Text Markup Languange.

Apa itu HTML ?

HTML merupakan sebuah Bahasa yang digunakan untuk membuat tampilan web. Dan didalam html terdapat tag-tag untuk menampilkan suatu fungsi dalam menampilkan halaman web.

  1. Form

Seperti pada umumnya form digunakan untuk mengumpulkan data-data dari inputan pengguna .dan didalam html form digunakan untuk mengumpulkan elemen-elemen data lalu diatur dan kemudia diantar atau dioper kehalaman tertentu untuk diolah datanya. Pada HTML tag dari form sebagai berikut

<form>

…isi dari form

</form>

  1. Text Control

Text control berguna sebagai wadah untuk menampung setiap inputan dari user . terdapat 3 macam text control yakni

  • Textbox : menampung inputan biasa berupa text dengan panjang tertentu biasa digunakan untuk menginputkan nama,alamat,no hp dan sebagainya. tagnya sebagai berikut:

<input type=”text”/>

  • Passwordbox : Menampung inputan yang disamarkan menjadi “ * ” biasanya digunakan untuk pengisian password. Tagnya sebagai berikut :

<input type:”password”/>

  • Textarea: menampung inputan biasa berupa text dengan panjang huruf yang besar biasa digunakan untuk menginputkan biodata ,keterangan dan sebagainya. tagnya sebagai berikut:

<input type=”textarea”/>

  1. Push Control

Terdapat 3 macam push button :

  • Submit : digunakan untuk memasukkan data atau mengirim data kedalam form

Contoh tag : <input type=”submit”>

  • Reset : digunakan untuk me-reset inputan kita didalam form

Contoh tag : <input type=”Reset”>

  • Button : digunakan untuk tujuan atau menjalankan fungsi tertentu yang di tautkan

Contoh tag :<input type=”button”>

  1. Radio Button

Radio button merupakan inputan yang sudah ada valuenya dan pengguna cukup memilih salah satunya.

Contoh tag nya :

<input type=”radio” name=”jeniskelamin” value =”laki”>Laki-laki<br>

<input type=”radio” name=”jeniskelamin” value =”Pr”>Perempuan<br>

  1. Combo Boxes

Combo box digunakan untuk inputan yang telah tersedia nilainya. Dan user hanya dapat memilih dari nilai yang ada :

Tagnya sebagai berikut :

<select name=”pilih”>

<option selected=”terpilih”>prodi</option>

<option value=”TI”>TI<br>

<option value=”SI”>SI<br>

<option value=”TK”>TK<br>

 

  1. List Boxes

Hampir sama seperti combo box tapi di list box kita dapat memilih lebih dari Satu

  1. Server Slide Image Maps

Digunakan untuk menyisipkan gambar didalam halaman WEB.

Tag nya : <img src=”source.png” width=”400” height=”200”>

  1. Hidden Fields

Hidden fields merupakan sebuah object form khusu yang sesuai dengan nama tipenya dimana fieldnya tidak akan ditampilkan dihalaman web tetapi ada di dalam koding. Type ini biasa digunakan untuk mengirim suatu data dari sebuah halaman kehalaman lain tanpa mengganggu bentuk form yang telah ada.

Contoh tagnya :

<input type=”hidden” name=”sembunyi” value=”lulus”>

  1. Groups Control

Groupping Control digunakan untuk mengelompokkan Groupping Control digunakan untuk mengelompokkan form menjadi satu kelompok, dan memberikan namanya. Grouping control ini memiliki tag dengan kata kunci:

<fieldset>

<legend>

…isi form…

</legend>

</fieldset>

  1. Pengiriman data

Kata kunci pertama dalam sebuah form adalah action. Dimana action ini digunakan untuk menentukan kemana data-data dari menthod akan dikirim dan kata kunci kedua adalah method, yang berfungsi untuk menjelaskan bagaimana data isian form akan dikirim oleh web browser : adapun method nya terdiri 2 yakni

  • Method POST : data hasil form tidak akan dilihat dari web browser

Contoh tag : < form action=”post.html” method=”get”>

  • Method GET : data hadil form akan dapat dilhat di browser WEB

Contoh tag : < form action=”post.html” method=”post”>

 

  1. Check Box

Merupakan Inputan berupa checkbox yang dapat diceklis oleh user. Kita dapat memilih atau mencentang dengan banyak.

Contoh tag nya:

<input type=”checkbox” name=”hobi” value=”futsal”>futsal <br>

< input type=”checkbox” name=”hobi” value=”tidur”>tidur <br>

< input type=”checkbox” name=”hobi” value=”makan”>makan<br>

 

  1. File Uploads

Digunakan untuk mengupload file,gambar atau apapaun kedalam dan disimpan didalam web

Contoh tag :

<input type=”file name=”file”>

 

Mungki sekian yang dapat admin sharing , admin hatur kan Terimakasih

Sumber :

https://id.wikipedia.org/wiki/HTML

Barakallah fiik buat editor wiki

Categories: Kehidupan di PCR

Leave a Reply

Your email address will not be published. Required fields are marked *