change form size 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: form css

#form {

    border: 1px solid black;
    padding: 1.5%;
    text-align: center;
    

}

Example 3: style input by type

/* Style input based on type */
input[type=text] 
{

}

Tags:

Misc Example