Cara Membuat Frame & Form Berikut Contoh

Tugas Pemograan Web 1 (Frame & Form)

Diajukan untuk Memenuhi salah satu mata kuliah Praktikum Pemograman Web 1

Dosen Pengampu: Rio Andriyat, M.Kom

Disusun Oleh :
   
Cecep Pauji Ramadhan
20160910077
Sistem Informasi 2016 C



FAKULTAS ILMU KOMPUTER
PROGRAM STUDI SISTEM INFORMASI
UNIVERSITAS KUNINGAN
2018






MODUL III
FRAME DAN FORM


E. Post Test

     1. Buatlah from login dengan jumlah password yang diinputkan sebanyak 8 karakter !
       2. Buatlah halaman website.





1. 
      Source Code :
        <table align="center" width="405" height="169" border="0" cellpadding="0" cellspacing="0">


    <tr bgcolor="#428ef6">
      <td height="37" colspan="2"><div align="center"><strong>LOGIN HERE</strong></div></td>
    </tr> // membuat kolom kemudian digabungkan denagn colspan dan menampilkan tulisan
    <tr>
      <td width="95" height="32">Username</td>
      <td width="304"><label>
          <input name="username" type="text" id="username" /> //membuat tabel user
      </label></td>
    </tr>
    <tr>
      <td height="26">Password</td>
      <td><label>
          <input name="password" type="password" id="password" maxlength="8" /> //membuat tabel password, dengan penginputan hanya sebanyak 8 karakter
      </label></td>
    </tr>
    <tr>
      <td height="48"> </td>
      <td><input name="Login" type="submit" id="Login" value="Login" > //membuat tombol login
          <input name="Batal" type="submit" id="Batal" value="Batal"></td> //membuat tombol batal
    </tr>
    <tr bgcolor="#808080">
      <td height="26" colspan="2"><div align="right"><strong><center>SISTEM INFORMASI</center></strong></div></td> // membuat kolom kemudian digabungkan denagn colspan dan menampilkan tulisan
    </tr>
  </table>\</html>


2.  



  Source  Code :
 <html>

<head>
<title>Input Data</title>
</head>
<body>
<p><h4>Property Readonly<h4></p>
<form>
    NIM : <input type="text" name="nim" value="20160910084" readonly><br> //inputan text untuk nim yg tidak biadihapus hanya bisa di baca/readonly
<p><h4>Readonly dan Title di TextArea</h4></p>
Komentar : <textarea cols="50" rows="10" readonly title="komentar">Komentar di Text Area Tidak Bisa Dihapus</textarea><br> //membuat text area yg isinya sudah ada dan isi tidak bisa di haput/readonly
<p><h4>Cheked</h4></p>
    Jenis Kelamin : <input type="radio" name="jkl" id="jkl" value="L">Laki-laki //membuat tombol check jenis kelamin dengan menggunakan radio button / dapat memilih diantara pilihanyg dilampirkan
<input type="radio" name="jkl" id="jkl" value="P">Perempuan 
<br>
<p><h4>Maximal Character<h4></p>
NIM : <input type="text" maxlength="11" name="nim1" value=" " >Minimal 10 Karakter</td><br> // membuat inputan nim yang hanya bisa 10 karakter saja/maxlength
</form>
</body>
</html>

Juni 29, 2018 | |

 

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

Cari Blog Ini
Diberdayakan oleh Blogger.