Breaking News: Grepper is joining You.com. Read the official announcement!

bootstrap 4 input error

AnswerHunter answered on January 28, 2021 Popularity 10/10 Helpfulness 5/10

answer bootstrap 4 input error

bootstrap 4 input error

Comment

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

<!--
  Title: bootstrap 4 input error
-->
<!--Go to https://www.w3schools.com/bootstrap4/bootstrap_forms.asp for more info-->
<form action="/action_page.php" class="was-validated">
  <div class="form-group">
    <label for="uname">Username:</label>
    <input type="text" class="form-control" id="uname" placeholder="Enter username" name="uname" required>
    <div class="valid-feedback">Valid.</div>
    <div class="invalid-feedback">Please fill out this field.</div>
  </div>
  <div class="form-group">
    <label for="pwd">Password:</label>
    <input type="password" class="form-control" id="pwd" placeholder="Enter password" name="pswd" required>
    <div class="valid-feedback">Valid.</div>
    <div class="invalid-feedback">Please fill out this field.</div>
  </div>
  <div class="form-group form-check">
    <label class="form-check-label">
      <input class="form-check-input" type="checkbox" name="remember" required> I agree on blabla.
      <div class="valid-feedback">Valid.</div>
      <div class="invalid-feedback">Check this checkbox to continue.</div>
    </label>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

Popularity 10/10 Helpfulness 5/10 Language css

Source: stackoverflow.com

Tags: bootstrap-4 css input

Link to this answer
Share Copy Link

Contributed on Jan 28 2021

AnswerHunter

0 Answers Avg Quality 2/10

bootstrap 4 input error

Contents

More Related Answers

bootstrap 4 input error

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.