adjust text input width html 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: how to increase size of input submit type in html

input[type=submit] {
    width: 20em;  height: 2em;
}

Example 3: how to increase size of input submit type in html

#search {
    width: 20em;  height: 2em;
}