Skip to content

Commit

Permalink
Form errors
Browse files Browse the repository at this point in the history
  • Loading branch information
ruslanchek committed Mar 4, 2015
1 parent 590c158 commit f699dd1
Show file tree
Hide file tree
Showing 3 changed files with 45 additions and 45 deletions.
18 changes: 9 additions & 9 deletions config.codekit
Original file line number Diff line number Diff line change
Expand Up @@ -326,15 +326,6 @@
"outputPathIsOutsideProject": 0,
"outputPathIsSetByUser": 0
},
"\/forms.html": {
"fileType": 8192,
"ignore": 1,
"ignoreWasSetByUser": 0,
"inputAbbreviatedPath": "\/forms.html",
"outputAbbreviatedPath": "No Output Path",
"outputPathIsOutsideProject": 0,
"outputPathIsSetByUser": 0
},
"\/glossary.html": {
"fileType": 8192,
"ignore": 1,
Expand Down Expand Up @@ -764,6 +755,15 @@
"outputPathIsOutsideProject": 0,
"outputPathIsSetByUser": 0
},
"\/roadmap.html": {
"fileType": 8192,
"ignore": 1,
"ignoreWasSetByUser": 0,
"inputAbbreviatedPath": "\/roadmap.html",
"outputAbbreviatedPath": "No Output Path",
"outputPathIsOutsideProject": 0,
"outputPathIsSetByUser": 0
},
"\/sass\/_breakpoint.scss": {
"createSourceMap": 1,
"debugStyle": 0,
Expand Down
36 changes: 18 additions & 18 deletions forms.html
Original file line number Diff line number Diff line change
Expand Up @@ -47,11 +47,11 @@ <h2>Default form</h2>
</div>
<div class="row">
<div class="label">
<label for="realm-1" tabindex="3">Realm</label>
<label for="realm-1">Realm</label>
</div>
<div class="input">
<div class="select">
<select id="realm-1">
<select id="realm-1" tabindex="3">
<option>North America</option>
<option>South America</option>
<option>Europe</option>
Expand Down Expand Up @@ -100,11 +100,11 @@ <h2>Horizontal form</h2>
</div>
<div class="row">
<div class="label">
<label for="realm-2" tabindex="13">Realm</label>
<label for="realm-2">Realm</label>
</div>
<div class="input">
<div class="select">
<select id="realm-1">
<select id="realm-2" tabindex="13">
<option>North America</option>
<option>South America</option>
<option>Europe</option>
Expand All @@ -128,7 +128,7 @@ <h2>Horizontal form</h2>
</div>
<div class="row">
<div class="input">
<input id="remember-2" type="checkbox" tabindex="14">
<input id="remember-2" type="checkbox" tabindex="17">
<label for="remember-2">Remember me</label>
</div>
</div>
Expand All @@ -148,27 +148,27 @@ <h2>Errors</h2>
<form class="form horizontal w-50">
<div class="row">
<div class="label">
<label for="name-2">Name</label>
<label for="name-3">Name</label>
</div>
<div class="input">
<input id="name-2" type="text" tabindex="11">
<input id="name-3" type="text" tabindex="21" class="error">
</div>
</div>
<div class="row">
<div class="label">
<label for="email-2">E-mail</label>
<label for="email-3">E-mail</label>
</div>
<div class="input">
<input id="email-2" type="email" tabindex="12" placeholder="name@domain.com">
<input id="email-3" type="email" tabindex="22" placeholder="name@domain.com" class="error">
</div>
</div>
<div class="row">
<div class="label">
<label for="realm-2" tabindex="13">Realm</label>
<label for="realm-3" tabindex="23">Realm</label>
</div>
<div class="input">
<div class="select">
<select id="realm-1">
<div class="select error">
<select id="realm-3" tabindex="24">
<option>North America</option>
<option>South America</option>
<option>Europe</option>
Expand All @@ -184,16 +184,16 @@ <h2>Errors</h2>
<label>Gender</label>
</div>
<div class="input">
<input id="gender-2-1" type="radio" tabindex="15" name="gender-2" value="1" checked>
<label for="gender-2-1">Male</label>
<input id="gender-2-2" type="radio" tabindex="16" name="gender-2" value="2">
<label for="gender-2-2">Female</label>
<input id="gender-3-1" type="radio" tabindex="25" name="gender-2" value="1" checked>
<label for="gender-3-1">Male</label>
<input id="gender-3-2" type="radio" tabindex="26" name="gender-2" value="2">
<label for="gender-3-2">Female</label>
</div>
</div>
<div class="row">
<div class="input">
<input id="remember-2" type="checkbox" tabindex="14">
<label for="remember-2">Remember me</label>
<input id="remember-3" type="checkbox" tabindex="27" class="error">
<label for="remember-3">Remember me</label>
</div>
</div>
<div class="row">
Expand Down
36 changes: 18 additions & 18 deletions jade/forms.jade
Original file line number Diff line number Diff line change
Expand Up @@ -33,11 +33,11 @@ block content

.row
.label
label(for="realm-1", tabindex="3") Realm
label(for="realm-1") Realm

.input
.select
select#realm-1
select#realm-1(tabindex="3")
option North America
option South America
option Europe
Expand Down Expand Up @@ -85,11 +85,11 @@ block content

.row
.label
label(for="realm-2", tabindex="13") Realm
label(for="realm-2") Realm

.input
.select
select#realm-1
select#realm-2(tabindex="13")
option North America
option South America
option Europe
Expand All @@ -110,7 +110,7 @@ block content

.row
.input
input#remember-2(type="checkbox", tabindex="14")
input#remember-2(type="checkbox", tabindex="17")
label(for="remember-2") Remember me

.row
Expand All @@ -133,25 +133,25 @@ block content
form.form.horizontal.w-50
.row
.label
label(for="name-2") Name
label(for="name-3") Name

.input
input#name-2(type="text", tabindex="11")
input.error#name-3(type="text", tabindex="21")

.row
.label
label(for="email-2") E-mail
label(for="email-3") E-mail

.input
input#email-2(type="email", tabindex="12", placeholder="name@domain.com")
input.error#email-3(type="email", tabindex="22", placeholder="name@domain.com")

.row
.label
label(for="realm-2", tabindex="13") Realm
label(for="realm-3", tabindex="23") Realm

.input
.select
select#realm-1
.select.error
select#realm-3(tabindex="24")
option North America
option South America
option Europe
Expand All @@ -164,16 +164,16 @@ block content
label Gender

.input
input#gender-2-1(type="radio", tabindex="15", name="gender-2", value="1", checked)
label(for="gender-2-1") Male
input#gender-3-1(type="radio", tabindex="25", name="gender-2", value="1", checked)
label(for="gender-3-1") Male

input#gender-2-2(type="radio", tabindex="16", name="gender-2", value="2")
label(for="gender-2-2") Female
input#gender-3-2(type="radio", tabindex="26", name="gender-2", value="2")
label(for="gender-3-2") Female

.row
.input
input#remember-2(type="checkbox", tabindex="14")
label(for="remember-2") Remember me
input.error#remember-3(type="checkbox", tabindex="27")
label(for="remember-3") Remember me

.row
.input
Expand Down

0 comments on commit f699dd1

Please sign in to comment.