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><!--from ww w.  j ava2  s.c  o  m-->
<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





















Home »
  Bootstrap »
    Example »




Accordion
Alert
Auto Complete
Badge
Breadcrum
Button
Carousel
Collapse
Dialog
Dropdown
Form
Icon
Jumbotron
Label
Layout
List
List Group
Media
Navigation Bar
Pager
Page Header
Panel
Paragraph
Pills
Popover
ProgressBar
ScrollSpy
Switch
Tab
Table
Thumnail
Tooltip
Tree
Well