XtGem Forum catalog



-------=»♥«=-------
-------=»♥«=-------


Tempat Nongkrong PaLing Asyik buat Pecinta Java
created by :
DenmasFeriyanto



Kode HTML - bagian 2

html code

  1. FORM
    <form> . . . </form>
    adalah metode untuk membuat format input (masukan), misal : formulir, form email, form register account, form pengisian guestbook, form upload, dll.
    Form terdiri dari beberapa Atribut dan Elemen Input :
    1. Atribut Method
      mempunyai 2 macam method, yaitu GET dan POST.
    2. Atribut Action
    3. Elemen Input
      terdapat beberapa jenis elemen input :
      • Input TEXT
        yaitu input untuk mendapatkan data berupa text. Berikut ini kodenya :
        <input type="text" name="nama input" maxlength="25"/>
        atribut Maxlength digunakan untuk menentukan berapa jumlah karakter yg boleh dimasukkan.
        Hasilnya :




      • Input PASSWORD
        fungsinya sama dengan input text, tapi karakter/tulisan yang dimasukan tidak akan ditampilkan sebagaimana halnya pada input text, melainkan akan ditampilkan dalam bentuk simbol bintang ( * ).
        Contoh :
        <input type="password" name="nama password" maxlength="6"/>

        Hasilnya :




      • Input HIDDEN
        sesuai dengan namanya, input ini tidak akan ditampilkan. Bukan berarti tidak ada, tetapi hanya tersembunyi.
        Contoh :
        <input type="hidden" name="nama input" value="nilai value"/>
        misal :
        <input type="hidden" name="bunga" value="mawar"/>

        Hasilnya :
        Tersembunyi di sini.
      • Input CheckBoX
        input ini digunakan untuk menampilkan beberapa pilihan, dengan menggunakan input checkbox ini, kamu bisa memilih lebih dari 1 pilihan.
        Pilihan yang terpilih ditandai dengan simbol centang.
        Penulisannya :
        <input type="checkbox" name="nama input" value="nilai value"/>Pilihan di sini.

        Contoh :
        Pilih pernyataan yang kamu anggap benar di bawah ini :
        <input type="checkbox" name="pernyataan" value="1"/> 100 > 50.
        <input type="checkbox" name="pernyataan" value="2"/> Matahari terbit dari Barat.
        <input type="checkbox" name="pernyataan" value="3"/> 6 + 9 = 15 .
        <input type="checkbox" name="pernyataan" value="4"/> Mata Uang negara Indonesia adalah $ (dollar).


        Hasilnya :

        Pilih pernyataan yang kamu anggap benar di bawah ini :
        100 > 50.
        Matahari terbit dari Barat.
        6 + 9 = 15 .
        Mata Uang negara Indonesia adalah $ (dollar).


        Berdasarkan contoh di atas, kita dapat ketahui bahwa kita bisa memilih lebih dari 1 jawaban. Itulah fungsi dari input CheckBoX.
      • Input RADIO ButtoN
        Input type ini memiliki fungsi yang sama dengan input type checkbox, yaitu untuk memilih suatu pilihan. Bedanya adalah input type radio button ini hanya dapat memilih 1 pilihan saja. Penulisannya :
        <input type="radio" name="nama input" value="nilai value"/>

        Contoh :
        Jenis kelamin kamu :<br/>
        <input type="radio" name="jenis kelamin" value="1"/> Laki - laki.
        <input type="radio" name="jenis kelamin" value="2"/> Perempuan.


        Hasilnya :
        Jenis kelamin kamu :
        Laki - laki.
        Perempuan.


        Berdasarkan contoh di atas, kamu hanya dapat memilih 1 pilihan saja.
      • Input SUBMIT
        yaitu input yg digunakan sama fungsinya dengan tombol Enter.
        Misalkan saja kamu mau mengecek saldo hp kamu, setelah mengetikan beberapa kode, lalu kamu tekan tombol YES/OK.,beberapa saat kemudian munculah informasi jumlah saldo kamu.
        Fungsi tombol SUBMIT (input submit) sama dengan fungsi pada tombol YES/OK tersebut.
        Penulisan :
        <input type="submit" value="SUBMIT"/>

        Hasilnya :





        Tulisan SUBMIT pada Value bisa kamu ganti dengan kata KIRIM, YES, OK, ENTER, atau kata yang lainnya.
      • Input RESET
        yaitu input yang digunakan untuk meng-CLEAR kan pilihan yang telah dilakukan.
        Misal kamu akan mengisi sebuah formulir di suatu situs.,saat kamu mengisi beberapa data ada banyak kesalahan.,kamu bermaksud ingin mengisi ulang formulir tersebut.,maka yang harus kamu lakukan untuk menghapus hasil pengisian yang salah tadi ialah dengan cara menekan tombol RESET agar formulir kembali pada keadaan semula.
        Itulah fungsi input RESET.
        Penulisannya :
        <input type="reset" value="RESET"/>

        Hasilnya :





        Tulisan RESET pada VALUE bisa kamu ganti sesuai keiinginan kamu.
    4. ELemen SELECT
      <select><option> . . . </option></select>

      Elemen ini digunakan untuk membuat daftar seleksi.,fungsinya sama dengan input type checkbox dan radio button, yaitu menyediakan beberapa alternatif pilihan. Tapi elemen select ini ditampilkan dengan cara/tampilan yang berbeda.
      Penulisannya :
      <select name="nama penyeleksian">
      <option value="nilai value">Nama pilihan</option>
      <option value="nilai value">Nama pilihan</option>
      <option value="nilai value">Nama pilihan</option>
      <option value="nilai value">Nama pilihan</option>
      </select>


      Contoh :
      <select name="daftar negara">
      <option value="negara1">Indonesia</option>
      <option value="negara2">Malaysia</option>
      <option value="negara3">Singapura</option>
      <option value="negara">Thailand</option>
      </select>


      Hasilnya :





      Coba kamu arahkan kursor ke kotak pilihan lalu klik.,maka akan terpampang beberapa pilihan. Itulah fungsi element select.

    5. Perlu kamu ingat !
      Atribut, Action, Elemen Input, Elemen Select, itu semua berada di dalam tag <FORM> . . . </FORM>



    Di bawah ini aku kasih 2 contoh penggunaan FORM :

    • Form Search Engine :
      <form method="get" action="http://www.google.com/xhtml/search">
      <input type="hidden" name="ie" value="UTF-8">
      <input type="hidden" name="oe" value="UTF-8">
      <input type="hidden" name="mrestrict" value="xhtml">
      <input type="text" name="q" size="20" maxlength="255" value=""><br/>
      <input type="radio" name="site" value="" checked="checked"> cari di WEB<br/>
      <input type="radio" name="site" value="mobile"> cari di WAP<br/>
      <input type="checkbox" name="site" value="images"> cari Gambar<br/><br/>
      <input type="submit" name="btnG" value="Cari !"/>
      </form>


      Hasilnya :



      cari di WEB
      cari di WAP
      cari Gambar


    • Form WAPMETER :
      <form action="http://www.wapmeter.com/default.asp" method="get">
      <input type="text" name="query" size="15" value=""/><br/>
      <select name="site">
      <option value="mp3">MP3</option>
      <option value="wallpaper">Wallpapers</option>
      <option value="game">Games</option>
      </select><br/>
      <input type="submit" value="Cari"/>
      </form>


      Hasilnya :



  2. SYMBOL
    Berikut ini kode - kode untuk menampilkan suatu symboL :
    &amp;&
    &copy;©
    &reg;®
    &#8482;
    &cent;¢
    &pound;£
    &yen;¥
    &times;×
    &divide;÷
    &sect;§
    &quot;"
    &lt;<
    &gt;>
    &#187;»
    &#171;«
    &#9824;
    &#9827;
    &#9829;
    &#9830;
    &#185;¹
    &#178;²
    &#179;³
    &#8592;
    &#8593;
    &#8594;
    &#8595;
    &#189;½
    &#188;¼
    &#190;¾
    &#177;±
    &#181;µ
    &#8230;
    &#184;¸
    &nbsp;(spasi)

  3. Kode - Kode untuk melengkapi dan mempercantik WEB/WAP kamu adalah dengan Java Script
    Script - script ini bisa kamu temukan di Menu SCRIPT COLLECTION.
    Silahkan kamu manfaatkan script - script tersebut.

IkLan


h0me | baCK

© Feriyanto






Ads :