Defaultnya suatu form atau inputan selalu berada pada sebelah kiri. Tapi terkadang kita membutuhkan tombol submit yang berada di sebelah kanan halaman. Contohnya pada kasus dibawah yaitu tombol next dan prev page.
<form action=”action” method=”get”>
<input type=”text” name=”abc”>
<div id=”buttons”>
<input type=”submit” name=”next” value=”Next”>
<input type=”submit” name=”prev” value=”Prev’>
<div class=”clr”></div>
</div>
</form>
Dengan hasil seperti ini
Bagaimana jika kita ingin agar tombolnya berada di sebelah kanan? Caranya tidak sulit. Kita cukup menambahkan css dengan menggunakan selector class. Berikut caranya.
<style type=”text/css”>
.f {
float: right;
}
.clr {
clear: both;
}
</style>
<form action=”action” method=”get”>
<input type=”text” name=”abc”>
<div id=”buttons”>
<input type=”submit”class=”f” name=”text” value=”Next”>
<input type=”submit” class=”f” name=”prev” value=”Prev”>
<div class=”clr”></div>
</div>
</form>
Maka hasilnya seperti ini
Created By : Sanjaya Sapta