How to set input lenght in html code example
Example 1: limit input characters amount
<p><input placeholder="Title" id="input-title" class="text-input" maxlength="80" onkeyup="count_down(this)" name="input" ></p>
<span id="count" style="float: right; font-family: Raleway; font-size:20px; font-weight:600; margin-top:-5px;">80</span><br>
<script>
function count_down(obj){
let element = document.getElementById('count');
element.innerHTML = 80 - obj.value.length;
if(80 - obj.value.length < 5){
element.style.color = "firebrick";
}else{
element.style.color = "#333";
}
}
</script>
Example 2: html input size
Syntax
<input size="number">
Example
An HTML form with two input fields with a width of 50 and 4 characters:
<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname" size="50"><br><br>
<label for="pin">PIN:</label>
<input type="text" id="pin" name="pin" maxlength="4" size="4"><br><br>
<input type="submit" value="Submit">
</form>