<html>
<head>
<title>IMK</title>
<body>
<html>
<head>
<title>tugas></title>
<body>
text box<br><br>
<input type="text" name="textfield">
<br>
<br>
check box<br><br>
<from>
<input name="musik" type="checkbox" value="musik"/><span>musik</span><br>
<input name="olahraga" type="checkbox" value="olahraga"/><span>olahraga</span><br>
<input name="renang"type="checkbox" value="renang"/><span>renang</span><br>
<input name="jalan-jalan"type="checkbox" value="jalan-jalan"/><span>jalan-jalan</span><br>
</from>
<br>
<br>
list box<br><br>
<textarea name="text" cols="25" rows="7">
senin
selasa
rabu
lamis
jum'at
sabtu
minggu</textarea>
<br><br>
combo box<br><br>
disabilitasi<select>
<option nama="disabilitas" value="">pilih</option>
<option nama="disabilitas" value="tunanetra">tunanetra</option>
<option nama="disabilitas" value="tunanetra">tunanetra</option>
<option nama="disabilitas" value="tunanetra">tunanetra</option>
<option nama="disabilitas" value="lainnya">lainnya</option>
</select>
<br>
<br>
Bulan <select name="pilihan">
<option value="Januari">Januari
<option value="Februari">Februari
<option value="Maret">Maret
<option value="April">April
<option value="Mei">Mei
<option value="Juni">Juni
<option value="Juli">Juli
<option value="Agustus">Agustus
<option value="September">September
<option value="Oktober">Oktober
<option value="November">November
<option value="Desember">Desember</select>
</from>
<br>
<br>
spin box dar<br><br>
<body>
<input type="range" min="0" max="10" step="2" value="4">
<br>
<br>
radio button<br><br>
<from>
<input name="jenis" type="radio" value="jenis"/><span>laki-laki</span>
<input name="jenis" type="radio" value="jenis"/><span>perempuan</span></from></br>
<div style="padding":}px;over flow:utd;width:auto;height:200px;border=1px solid grey"></div></from>
<br>
<br>
scrool bar<br><br>
<style>{
margin-botton:200X;}
/"box style"/
.mybox{
border:none;
padding:5px;
font:24px/)6px sans-serif;
width:200px;
height:200px;
overflow:scroll:}
"/scroolbar styles"/
::-webkit-scrollbar{
width:12px;
height:12px;}
::-webk it-scrollbar-track{
border:1px solid yellowgreen;
border-radius: 10px;}
::-webk it-scrollbar-track{
background:yellowgreen;
border-radius: 10px;}
::-webk it-scrollbar-thumb:hover{
background:#88balc;
}</style>
<div class="mybox"></div>
<br><br>
button<br><br>
<from>
<input name="simpan" type="button" value="simpan"/>
<input name="batal" type="button" value="batal"/>
<input name="keluar" type="button" value="keluar"/>
</from>
</body>
</html>
</head>
</body>
</html>
</html>
Hasil kode rancangan desain komponen GUI diatas adalah:
Tidak ada komentar:
Posting Komentar