Html input fields

Html input tags : add type as text, password, mail and number

The <input> element is the most important form element.

An Input Field is a way to make the text of a Text Control editable.Text entered into the Input Field.

Here are the different input types you can use in HTML:

  • <input type=”button”>
  • <input type=”checkbox”>
  • <input type=”date”>
  • <input type=”email”>
  • <input type=”file”>
  • <input type=”password”>
  • <input type=”radio”>
  • <input type=”search”>
  • <input type=”submit”>

HTML

<div class="form-group">
<label for="usr">Name:</label>
<input type="text" class="form-control" id="name" placeholder="Name">
</div>
<div class="form-group">
<label for="pwd">Password:</label>
<input type="password" class="form-control" id="psw" placeholder="Password">
</div>
<div class="form-group">
<label for="feedback">Feedback:</label>
<textarea class="form-control" rows="4" id="feedback" placeholder="Give Feedback"></textarea>
</div>

HTML

<div class="form-group"> 
<input type="text" class="form-control" id="name" placeholder="Name">
</div>
<div class="form-group"> 
<input type="password" class="form-control" id="psw" placeholder="Password">
</div>
<div class="form-group"> 
<textarea class="form-control" rows="4" id="feedback" placeholder="Give Feedback"></textarea>
</div>