Bootstrap Tutorial - Bootstrap Form control states








Form control states

Provide feedback to users or visitors with basic feedback states on form controls and labels.

We remove the default outline styles on some form controls and apply a box-shadow in its place for :focus.

<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!--  w  ww.  j  ava 2s  .com-->
<body style='margin:20px;'>

<form class="form-horizontal">
<input class="form-control" id="focusedInput" type="text" value="This is focused...">
</form>
        
</body>
</html>

Click to view the demo