cara membuat form input data
Assalamualaikum wr.wb
Agung Ramadhan
INPUT yaitu alat yang digunakan untuk menerima masukan data dan program yang akan di proses di dalam komputer. ... Input berfungsi sebagai media untuk memasukkan data dari luar ke dalam suatu unit processor untuk diolah dengan tujuan menghasilkan informasi yang diperlukan.
kali ini saya akan memperlihatkan hasil kerja saya cara membuat form input data :
1.) kita harus membuka file sumblime
2.) kita harus membuka boostrap dan kita cari link yang akan kita buat form input data
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="font 9/css/all.min.css">
<link rel="stylesheet" type="text/css" href="style.cs"s>
<title>Hello, world!</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-warning">
<div class="container-fluid">
<a class="navbar-brand" href="#">SELAMAT DATANG ADMIN SMK HASAN KAFRAWI</a>
<form class="form-inline my-2 my-lg-0 ml-auto">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
<div class="icon ml-4">
<h5>
<i class="fas fa-envelope mr-3" data-toggle="tooltip" title="Pesan Masuk"></i>
<i class="fas fa-bell mr-3" data-toggle="tooltip" title="Notifikasi"></i>
<i class="fas fa-sign-out-alt mr-3" data-toggle="tooltip" title="Sign Out"></i>
</h5>
</div>
</div>
</nav>
<div class="row no-gutters">
<div class="col-md-2 bg-dark pr-3 pt-3">
<ul class="nav flex-column ml-3 mb-5">
<li class="nav-item">
<a class="nav-link active" href="#"></a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="index.php"><i class="fas fa-tachometer-alt mr-2"></i>Dashboard</a><hr class="bg-secondary"></li>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="siswa.php"><i class="fas fa-graduation-cap mr-2"></i>Daftar Siswa</a><hr class="bg-secondary"></li>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="guru.php"><i class="fas fa-chalkboard-teacher mr-2"></i>Daftar Guru</a><hr class="bg-secondary"></li>
<li class="nav-item">
<a class="nav-link text-white" href="pegawai.php"><i class="fas fa-user-edit mr-2"></i>Daftar Pegawai</a><hr class="bg-secondary"></li>
<li class="nav-item">
<a class="nav-link text-white" href="Jadwal.php"><i class="fas fa-calendar-alt mr-2"></i>Jadwal Pelajaran</a><hr class="bg-secondary"></li>
<li class="nav-item">
<a class="nav-link text-white" href="nilai.php"><i class="fas fa-paper-plane mr-2"></i>Daftar Nilai</a><hr class="bg-secondary">
</li>
</ul>
</div>
<div class="col-md-10 p-4 pt-2">
<h3><i class="fas fa-graduation-cap mr-2"></i>DAFTAR SISWA</h3><hr>
<table class="table table-striped table-bordered">
<thead>
<a href="" class="btn btn-primary mb-2">Tambahkan Daftar Siswa</a>
<tr>
<th scope="col">No</th>
<th scope="col">Nama Siswa</th>
<th scope="col">ALAMAT</th>
<th scope="col">NIS</th>
<th scope="col">TTL</th>
<th colspan="3" scope="col">AKSI</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>jarwo</td>
<td>korea selatan</td>
<td>54978645</td>
<td>Korea,23 januari 2001</td>
<td><a href="#" class="btn btn-primary">DETAIL</a></td>
<td><i class="fas fa-edit text-success"></i></td>
<td><i class="fas fa-trash-alt text-danger"></i></td>
</tr>
<tr>
<th scope="row">2</th>
<td>agung</td>
<td>Jawa Timur</td>
<td>78267890</td>
<td>Malang Raya,24 januari 2003</td>
<td><a href="#" class="btn btn-primary">DETAIL</a></td>
<td><i class="fas fa-edit text-success"></i></td>
<td><i class="fas fa-trash-alt text-danger"></i></td>
</tr>
<tr>
<th scope="row">3</th>
<td>andika</td>
<td>BALI</td>
<td>67684302</td>
<td>badung,13 oktober 2004</td>
<td><a href="#" class="btn btn-primary">DETAIL</a></td>
<td><i class="fas fa-edit text-success"></i></td>
<td><i class="fas fa-trash-alt text-danger"></i></td>
</tr>
</tbody>
</table>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
<script type="text/javascript" src="admin.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
-->
</body>
</html>
Komentar
Posting Komentar