Blog tentang IT (tekhnologi informatika) dan ilmu TKJ

November 26, 2017

cara membuat coding input pada web anda

assalammualaikum wr wb
pada kali ini saya ingin membagi-kan atau menshare cara bikin coding input adalah sebagai berikut :

<html>
<head>
<title></title>
<style>
a.book{
font-family:Agency FB;
color:#bdd309;
}
img{
border-radius:8px;
}
div {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  h3{
font-family:Times New Roman;
color:#006622;
}
p{
font-family:Calibri (Body);
font-size:10px;
}
 ul{
list-style-type:none;
width:100%;
position:fixed;
margin:0;
padding:0;
overflow:hidden;
background-color:#3d3d5c;
}
li{
float:left;
}
li a {
display:block;
color:white;
text-align:center;
padding:14px 16px;
text-decoration:none;

}
li a:hover:not(.active){
background-color:#7575a3;
}
.active{
background-color:#4caf50;
}

input[type=text],[type=number],[type=submit],[type=reset],[type=date]{
width:50%;
padding:12px 20px;
margin:10px 0;
position:center;
box-sizing:border-box;
border:none;
background-color:#3cbc8d;
color:white;
border-radius:100px;
}
</style>
<body bgcolor="white">

<ul>
<li><a href="index.php"class="active">Home</a></li>
<li><a href="contact.php">Contact</a></li>

    </ul>
<table width="100%"bgcolor="">
<tr>
<td>
<img src="gambar/w.jpg">
</td>
<td>
<center><font face="Edwardian Script ITC"size="20"color="green"><h1>WIcaksana room</h1></font>
<font size="5"></font></center>
</td>
</tr>
</table>
<hr>
<center><h2>Isi Data Diri Anda</h2></center>
<table align="center"bgcolor="" cellpadding="2"cellspacing="10">
<form method="post"action="aksi.php">
<label for="nama">Nama</label><br>
<input type="text"id="nama"name="nama"required></br>
<label for="alamat">Alamat</label></br>
<input type="text"id="alamat"name="alamat"required></br>
<label for="notlp">No Telepon</label><br>
<input type="number"id="notlp"name="notlp"required></br>
<label for="chekin">Chek in</label><br>
<input type="date"placeholder="tttt/bb/hh"id="chekin"name="chekin"required></br>
<label for="chekout">Chek out</label><br>
<input type="date"placeholder="tttt/bb/hh"id="chekout"name="chekout"required></br>
<label for="jenis_atm">Jenis ATM</label></br>
<input type="text"id="jenis_atm"name="jenis_atm"required>
</br>
                <input type="submit"value="Pesan"></br>
<input type="reset"value="reset"></br>
<a href="index.php">kembali</a>
</form>
<center>Pembayaran hanya menggunakan atm</br>
<img src="gambar/bni.jpg"><img src="gambar/images.jpg"><img src="gambar/bca.jpg"><img src="gambar/man.jpg"></center>

</body>
</html>

nah sobat dari semuanya ini semoga bisa bermanfaat bagi anda selamat mencoba...

No comments:

Post a Comment

Created By Sumbu Informatika Templates | Distributed By MyBloggerThemes