Cara Membuat Tombol Submit di Sebelah Kanan

Update Terakhir pada

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