Ket:() diganti menjadi <>
Cara membuat form pada web
Form berguna untuk menampung komponen inputan dan berkaitan dengan pemograman
-dengan menggunakan input type="text"
contoh dari form:
(html>
(head>
(/head>
(body>
(form>
Nama:(input type="text"
name="nama"
size="15"
maxlength="15"
value="Ac Milan Crew"/)(br/)
Alamat:(input type="text"
name="alamat"
size="20"
maxlength="20")(br/)
Pekerjaan:(input type="text"
name="pekerjaan"
size="10"
maxlength="20"/)(br/)
(/form)
(/body)
(/html)
dan ini hasilnya:
-dengan menggunakan input type="submit"/ dan juga input type="reset"/
contoh:
(html>
(head>
(/head>
(body>
(form>
Nama:(input type="text"
name="nama"
size="15"
maxlength="15"
value="Ac Milan Crew"/)(br/)
Alamat:(input type="text"
name="alamat"
size="20"
maxlength="20")(br/)
Pekerjaan:(input type="text"
name="pekerjaan"
size="10"
maxlength="20"/)(br/)
(input type="submit" value="kirim"/)
(input type="reset" value="hapus"/)
(/form)
(/body)
(/html)
dan ini adalah hasilnya:
-Membuat password dengan cara input type="password"/
sebagai contoh:
(html>
(head>
(/head>
(body>
(form>
username(input type="text"
name="username"/)(br/)
password(input type="password"
name="password"/)(br/)
(input type="submit" value="login")
(/form)
(/body)
(/html)
dan ini hasilnya:
-Mengenal Checkbox dengan cara input type="chechbox"
COntoh:
(html)
(head)
(/head)
(body)
(form)
Daftar Club bola kesayangan anda:(br/)
(Input type="checkbox" name="Ac Milan"/)Ac Milan
(Input type="checkbox" name="Manchester United" checked/)Manchester United(br/)
(Input type="checkbox" name="Barcelona"/)Barcelona(br/)
(Input type="checkbox" name="Chelsea" checked/)Chelsea(br/)
(/form)
(/body)
(/html)
dan ini hasilnya:
-Mengenal RadioButton dengan cara input type="radio"/
COntoh:
(html)
(head)
(/head)
(body)
(form)
Jenis Kelamin:(br/)
(input type="radio" name="kelamin" value="pria" checked/)Laki-Laki(br/)
(input type="radio" name="kelamin" value="wanita"/)Perempuan(br/)
Status Pernikahan(br/)
(input type="radio" name="Menikah" value="sudah" /)Menikah(br/)
(input type="radio" name="Menikah" value="belum" checked/)Belum Menikah(br/)
(/form)
(/body)
(/html)
dan ini hasilnya:
-Mengenal textarea dengan cara (textarea)dan diakhiri dgn(/textarea)
COntoh:
(html)
(head)
(/head)
(body)
(form)
Nama(input type="text" name="nama")(br/)
Komentar cols="20"
rows="20"
wrap)
(/textarea)
(/form)
(/body)
(/html)
dan ini hasilnya:
-Mengenal ComboBox dengan cara (selected)(option) dan diakhiri dgn(/selected)
contoh:
(html)
(head)
(/head)
(body)
(form)
Sepatu futsal favorit agan-agan:(br/)
(select name="Sepatu")
(option value="T90"/)T90
(option value="Mercurial" selected/)Mercurial
(option value="Predator"/)Predator
(option value="F10"/)F10
(/select)
(/form)
(/body)
(/html)
dan ini adlah hasilnya:
-Mengenal ListBox dengan cara (select multiple)(option/)(/selected)
contoh:
(html)
(head)
(/head)
(body)
(form)
Sepatu futsal favorit agan-agan:(br/)
(select name="Sepatu"multiple/)
(option value="T90"/)T90
(option value="Mercurial" selected/)Mercurial
(option value="Predator"/)Predator
(option value="F10"/)F10
(/select)
(/form)
(/body)
(/html)
dan ini hasilnya:
Tidak ada komentar:
Posting Komentar