input type that allows float number
<input type="number" step="0.01">input type that allows float number
<input type="number" step="0.01">how to write floating point numbers in html5 input
<form>
<input type=number step=1 /> Step 1 (default)<br />
<input type=number step=0.01 /> Step 0.01<br />
<input type=number step=any /> Step any<br />
<input type=range step=20 /> Step 20<br />
<input type=datetime-local step=60 /> Step 60 (default)<br />
<input type=datetime-local step=1 /> Step 1<br />
<input type=datetime-local step=any /> Step any<br />
<input type=datetime-local step=0.001 /> Step 0.001<br />
<input type=datetime-local step=3600 /> Step 3600 (1 hour)<br />
<input type=datetime-local step=86400 /> Step 86400 (1 day)<br />
<input type=datetime-local step=70 /> Step 70 (1 min, 10 sec)<br />
</form>css float property
/*
Nowadays with flex and grid, float has no chance to be putted inside your code
But just for the knowledge of using this property.
===========================NOTICE===========================
you should use the 'clear' CSS property after the div that has the float prop
===========================NOTICE===========================
*/
.div-1{
float: left;
width: 50%;
background-color: #f00;
}
/*
after applying float i used clear: both
try this code and remove the clear property and see what will be happened
*/
.clear-float{
clear: both;
}
.div-2{
float: left;
width: 50%;
background-color: #00f;
}
.clear-float{
clear: both;
}
/* div-1 and div-2 will now be at the side of each other*/
/*
==========HTML Layout==========
<div class="div-1">DIV 1</div>
<div class="clear-float"></div>
<div class="div-2">DIV 2</div>
<div class="clear-float"></div>
*/Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
