Laporan Sementara
Pemrogaman Berbasis Web (Modul 1)
Nama : Gadafi
NIM : 201080200178
Mengawali Dokumen HTML5
<html>
<head>
<title> Belajar HTML </title>
</head>
<body>
Belajar HTML pada praktikum pemrogaman web
</body>
</html>
Hasil Output :
Textbox Tanpa Validasi
<html>
<head>
<title>textbox</title>
</head>
<body>
<h2>Text Box Tanpa Validasi</h2>
<p>
<form method="post" action="">
<input name="textBox" type="text" id="textBox" size="30" />
<input name="btnSubmit" id="btnSubmit" type="submit" value="Submit"
/>
</form>
</p>
</body>
</html>
Hasil Output :
Textbox dengan Validasi
<html>
<head>
<title>textbox2</title>
</head>
<body>
<h2>Validasi Text Box di HTML 5</h2>
<p>
<form method="post" action="">
<input name="textBox" type="text" id="textBox" size="30"
required="required" placeholder="Text Box ini harus diisi" />
<input name="btnSubmit" id="btnSubmit" type="submit" value="Submit"
/>
</form>
</p>
</body>
</html>
Hasil Output :
Password
<html>
<head>
<title>password</title>
</head>
<body>
<p>
<form method="post" action="">
Password: <input name="textBox" type="password" id="password" size="30"
required="required"
placeholder="Text Box ini harus diisi" />
<input name="btnSubmit" id="btnSubmit" type="submit" value="Submit" />
</form>
</p>
</body>
</html>
Hasil Output :
Checkbox
<html>
<head>
<title>=========>>checkbox<<=========</title>
</head>
<body>
<form>
Jurusan Di Fakultas Teknik UMSIDA : <br>
<input type ="checkbox" name="informatika"
CHECKED> Informatika <br>
<input type ="checkbox" name="mesin" > Mesin
<br>
<input type ="checkbox" name="industri" > Industri
<br>
<input type ="checkbox" name="elektro" > Elektro
<br>
</form>
</body>
</html>
Hasil Output :
Dropdown/Select
<html>
<head>
<title>select - Model Drop Down</title>
</head>
<body>
<form>
Matakuliah Yang Aku Sukai : <br>
<select name= "matakuliah">
<option value= "Sistem Operasi"> Sistem Operasi
<option value= "Jaringan Komputer"
selected>Jaringan Komputer
<option value= "PTI"> PTI
<option value= "Pascal"> Pascal
<option value= "Lain-lain"> Lain-lain
</selected>
<br>
</form>
</body>
</html
Hasil Output :
Text Area
<html>
<head>
<title>textarea</title>
</head>
<body>
<form>
Catatan : <br>
<textarea name= "komentar" rows="5" cols="40"
wrap> silahkan masukkan komentar
anda</textarea>
<br>
</form>
</body>
</html>
Hasil Output :
Input Tanggal
<html>
<head>
<title>Tanggal</title>
</head>
<body>
<h2> Input Tanggal</h2>h2>
<p>
<form method="post" action="">
Tempat/Tanggal lahir : <input type="date" name="ttl" />
<input name="btnSubmit" id="btnSubmit" type="submit"
value="Submit" />
</form>
</p>
</body>
</html>
Hasil Output :
The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.
KEL6_201080200178_Gadafi_prakPBW
Discover the best professional documents and content resources in AnyFlip Document Base.
Search
KEL6_201080200178_Gadafi_prakPBW
- 1 - 9
Pages: