<!DOCTYPE html>
<html>
<style>
.pave-numerique{
font-size: 1.6em;
height: 40px;
width: 50px;
text-align: center;
color: #000;
background: #fff;
border-radius: 10px;
}
.pave-numerique:hover{
background: #b8ff70;
}
.pave-numerique:active{
background: #07e50a;
}
</style>
<div class="w-100 my-md-3 pl-md-3 text-center">
<div class="text-center">
<div class="btn-group" role="group" aria-label="panel-haut">
<form method="post" action="main.php">
<input type="button" id="chiffre" name="chiffre" class="pave-numerique" value="7" onclick="this.form.submit();"/>
<input type="hidden" id="chiffre" name="chiffre" value="NUMBER_7"/>
</form>
<form method="post" action="main.php">
<input type="button" id="chiffre" name="chiffre" class="pave-numerique" value="8" onclick="this.form.submit();"/>
<input type="hidden" id="chiffre" name="chiffre" value="NUMBER_8"/>
</form>
<form method="post" action="main.php">
<input type="button" id="chiffre" name="chiffre" class="pave-numerique" value="9" onclick="this.form.submit();"/>
<input type="hidden" id="chiffre" name="chiffre" value="NUMBER_9"/>
</form>
</div>
<br/>
<div class="btn-group" role="group" aria-label="panel-centre-haut">
<form method="post" action="main.php">
<input type="button" id="chiffre" name="chiffre" class="pave-numerique" value="4" onclick="this.form.submit();"/>
<input type="hidden" id="chiffre" name="chiffre" value="NUMBER_4"/>
</form>
<form method="post" action="main.php">
<input type="button" id="chiffre" name="chiffre" class="pave-numerique" value="5" onclick="this.form.submit();"/>
<input type="hidden" id="chiffre" name="chiffre" value="NUMBER_5"/>
</form>
<form method="post" action="main.php">
<input type="button" id="chiffre" name="chiffre" class="pave-numerique" value="6" onclick="this.form.submit();"/>
<input type="hidden" id="chiffre" name="chiffre" value="NUMBER_6"/>
</form>
</div>
<br/>
<div class="btn-group" role="group" aria-label="panel-centre-bas">
<form method="post" action="main.php">
<input type="button" id="chiffre" name="chiffre" class="pave-numerique" value="1" onclick="this.form.submit();"/>
<input type="hidden" id="chiffre" name="chiffre" value="NUMBER_1"/>
</form>
<form method="post" action="main.php">
<input type="button" id="chiffre" name="chiffre" class="pave-numerique" value="2" onclick="this.form.submit();"/>
<input type="hidden" id="chiffre" name="chiffre" value="NUMBER_2"/>
</form>
<form method="post" action="main.php">
<input type="button" id="chiffre" name="chiffre" class="pave-numerique" value="3" onclick="this.form.submit();"/>
<input type="hidden" id="chiffre" name="chiffre" value="NUMBER_3"/>
</form>
</div>
<br/>
<div class="btn-group" role="group" aria-label="panel-bas">
<form method="post" action="main.php">
<input type="button" id="chiffre" name="chiffre" class="pave-numerique" value="." onclick="this.form.submit();"/>
<input type="hidden" id="chiffre" name="chiffre" value="POINT"/>
</form>
<form method="post" action="main.php">
<input type="button" id="chiffre" name="chiffre" class="pave-numerique" value="0" onclick="this.form.submit();"/>
<input type="hidden" id="chiffre" name="chiffre" value="NUMBER_0"/>
</form>
<form method="post" action="main.php">
<input type="button" id="chiffre" name="chiffre" class="pave-numerique" value="+/-" onclick="this.form.submit();"/>
<input type="hidden" id="chiffre" name="chiffre" value="NEGATIVE"/>
</form>
</div>
</div>
</div>
</html>