aboutsummaryrefslogtreecommitdiff
path: root/css.html
diff options
context:
space:
mode:
authorChristian <[email protected]>2013-08-15 21:57:24 +0900
committerChristian <[email protected]>2013-08-15 21:57:24 +0900
commit6b612ae3fe92f7a96d5d656e5e0c630f85acda0a (patch)
tree11f9d6f72a3b28229e19588bea65a0c630beb81d /css.html
parentfee3f1e733e80bd128736e1b9b403f49b701a6a9 (diff)
downloadbootstrap-6b612ae3fe92f7a96d5d656e5e0c630f85acda0a.tar.xz
bootstrap-6b612ae3fe92f7a96d5d656e5e0c630f85acda0a.zip
Update css.html
I know the form code are only examples, but it'd be good to encourage usage of the proper input type for the email inputs by changing the type from "text" to "email".
Diffstat (limited to 'css.html')
-rw-r--r--css.html12
1 files changed, 6 insertions, 6 deletions
diff --git a/css.html b/css.html
index 1ac0268f9..67dfed94c 100644
--- a/css.html
+++ b/css.html
@@ -1355,7 +1355,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<legend>Legend</legend>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
- <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
+ <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
@@ -1380,7 +1380,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<legend>Legend</legend>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
- <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
+ <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
@@ -1415,7 +1415,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<form class="bs-example form-inline" role="form">
<div class="form-group">
<label class="sr-only" for="exampleInputEmail2">Email address</label>
- <input type="text" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
+ <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
</div>
<div class="form-group">
<label class="sr-only" for="exampleInputPassword2">Password</label>
@@ -1432,7 +1432,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<form class="form-inline" role="form">
<div class="form-group">
<label class="sr-only" for="exampleInputEmail2">Email address</label>
- <input type="text" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
+ <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
</div>
<div class="form-group">
<label class="sr-only" for="exampleInputPassword2">Password</label>
@@ -1453,7 +1453,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Email</label>
<div class="col-lg-10">
- <input type="text" class="form-control" id="inputEmail1" placeholder="Email">
+ <input type="email" class="form-control" id="inputEmail1" placeholder="Email">
</div>
</div>
<div class="form-group">
@@ -1482,7 +1482,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Email</label>
<div class="col-lg-10">
- <input type="text" class="form-control" id="inputEmail1" placeholder="Email">
+ <input type="email" class="form-control" id="inputEmail1" placeholder="Email">
</div>
</div>
<div class="form-group">