Berikut ini adalah pertanyaan dari calvil21072018 pada mata pelajaran TI untuk jenjang Sekolah Menengah Atas
Mohon disertai juga penjelasannya sama cara kerjanya.
Jawaban dan Penjelasan
Berikut ini adalah pilihan jawaban terbaik dari pertanyaan diatas.
Jawaban:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Title</title>
</head>
<body>
<table border="1" style="border-collapse: collapse;" cellspacing="2">
<tr style="margin-left: 15px;">
<td>
<h3>Form daftar peserta didik</h3>
<input type="text" placeholder="Masukkan nama">
<h4>Apakah kamu peserta didik?<input type="checkbox"></h4>
<h4>Berapakah umurmu?</h4>
<input type="radio" id="kids" name="age">
<label for="kids">9 - 14</label><br>
<input type="radio" id="teen" name="age">
<label for="teen">15 - 19</label><br>
<input type="radio" id="young-adult" name="age">
<label for="young-adult">20 - 24</label><br />
<button id="submit-btn">Kirim</button><button id="delete">Hapus</button>
</td>
</tr>
</table>
</body>
</html>
Output dari code diatas ada di gambar ke-1
----------------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<div class="form-wrapper">
<form>
<h3>FORM DAFTAR PESERTA DIDIK</h3>
<input type="text" placeholder="Masukkan nama">
<h4>Apakah anda peserta didik?<input type="checkbox"></h4>
<h4>Berapakah umurmu?</h4>
<input type="radio" id="kids" name="age">
<label for="kids">9 - 14</label><br>
<input type="radio" id="teen" name="age">
<label for="teen">15 - 19</label><br>
<input type="radio" id="young-adult" name="age">
<label for="young-adult">20 - 24</label><br />
<button id="submit-btn">Kirim</button><button id="delete">Hapus</button>
</form>
</div>
</body>
</html>
<style>
.form-wrapper {
background: #fff;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
form {
margin-left: 15px;
}
button {
margin-top: 10px;
margin-bottom: 10px;
}
#submit-btn {
margin-right: 10px;
}
</style>
Utk CSS, kalau dia dikasih class, awali dgn titik (.) contohnya .form-wrapper diatas,
Kalau dikasih id, awali dgn pagar (#) contohnya di #submit-btn diatas.
Output dari code ini ada digambar ke-2
Semoga dengan pertanyaan yang sudah terjawab oleh GermanKSK9 dapat membantu memudahkan mengerjakan soal, tugas dan PR sekolah kalian.
Apabila terdapat kesalahan dalam mengerjakan soal, silahkan koreksi jawaban dengan mengirimkan email ke yomemimo.com melalui halaman Contact
Last Update: Sat, 09 Apr 22