change size of input box css code example

Example 1: 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>

Example 2: size of number input box

input[type=number]{
    width: 80px;
}

Tags:

Misc Example