Jumat, 11 November 2016

BAB.5 pertemuan 7

kali ini saya akan memposting tutorial membuat aplikasi voting dengan web html
langsung saja
1. buka notepad anda
2. masukkan kode dibawah ini

 <html xinlns="http://www.w3.org/1999/xhtml" lang="en"xml : lang="en">
<head>
 <title>voting</title>
</head>
<body>
    <style type="text/css">td {width:100; text-align:center;}</style>
</head>
</body>
<h2>Register your opinion</h2>
<p>How well do you rate the information on this site
(where 1 is very poor, and 5 is very good) ?</p>
<form action="http://www.example.com/ads/respond.aspx"
method="get" name="frmRespondToAD">
<table>
 <tr>
    <td><input type="radio"name="radVote"value="1"
id="vpoor" /></td>
 <td><input type="radio"name="radVote"value="2"
id="poor" /></td>
 <td><input type="radio"name="radVote"value="3"
id="avarage" checked="checked  /></td>
 <td><input type="radio"name="radVote"value="4"
id="good" /></td>
 <td><input type="radio"name="radVote"value="5"
id="vgood" /></td>
  </tr>
  <tr>
    <td><label for="vpoor">1 <br />very poor</label></td>
    <td><label for="poor">2 <br />poor</label></td>
    <td><label for="avarage">3 <br
/>avarage</label></td>
    <td><label for="good">4 <br />good</label></td>
     <td><label for="vgood">5 <br  />very good</label></td>
  </tr>
</table>
<input type="submit"value="Vote now"/>
</form>
</body>
</html>


3. simpan dengan nama.html
    maka hasilnya akan seperti gambar dibawah ini


selamat mencoba :)


Tidak ada komentar: