@@ -140,13 +140,16 @@ export default class AddStudent extends Component {
140
140
< hr />
141
141
< div className = "row py-3" >
142
142
< div className = "col" >
143
- < input type = "text" ref = { this . firstNameEl } className = "form-control form-control-sm" placeholder = "First name" required />
143
+ < label htmlFor = "FirstName" > First Name</ label >
144
+ < input type = "text" ref = { this . firstNameEl } id = "FirstName" className = "form-control form-control-sm" placeholder = "First name" required />
144
145
</ div >
145
146
< div className = "col" >
146
- < input type = "text" ref = { this . middleNameEl } className = "form-control form-control-sm" placeholder = "Middle name" />
147
+ < label htmlFor = "MiddleName" > Middle Name</ label >
148
+ < input type = "text" ref = { this . middleNameEl } id = "MiddleName" className = "form-control form-control-sm" placeholder = "Middle name" />
147
149
</ div >
148
150
< div className = "col" >
149
- < input type = "text" ref = { this . lastNameEl } className = "form-control form-control-sm" placeholder = "Last name" required />
151
+ < label htmlFor = "LastName" > Last Name</ label >
152
+ < input type = "text" ref = { this . lastNameEl } id = 'LastName' className = "form-control form-control-sm" placeholder = "Last name" required />
150
153
</ div >
151
154
</ div >
152
155
< div className = "row" >
@@ -166,9 +169,7 @@ export default class AddStudent extends Component {
166
169
</ div >
167
170
</ div >
168
171
</ div >
169
-
170
172
</ div >
171
-
172
173
< hr />
173
174
< div className = "row" >
174
175
< div className = "form-group col" >
@@ -206,18 +207,18 @@ export default class AddStudent extends Component {
206
207
< label htmlFor = "InputSchool" > School</ label >
207
208
< input type = "text" ref = { this . schoolEl } className = "form-control form-control-sm" id = "InputSchool" placeholder = "School" required />
208
209
< hr />
209
- < div >
210
- < h5 > Last Year Marks / Grades</ h5 >
211
- </ div >
212
210
< div className = "form-group row" >
213
211
< div className = "col-md-4" >
214
- < input type = "text" className = "form-control form-control-sm" ref = { this . physicsEl } id = "InputPhysics" placeholder = "Physics" required />
212
+ < label htmlFor = "Physics" > Physics</ label >
213
+ < input type = "text" className = "form-control form-control-sm" id = 'Physics' ref = { this . physicsEl } id = "InputPhysics" placeholder = "Physics" required />
215
214
</ div >
216
215
< div className = "col-md-4" >
217
- < input type = "text" className = "form-control form-control-sm" ref = { this . englishEl } id = "InputEnglish" placeholder = "English" required />
216
+ < label htmlFor = "English" > English</ label >
217
+ < input type = "text" className = "form-control form-control-sm" id = 'English' ref = { this . englishEl } id = "InputEnglish" placeholder = "English" required />
218
218
</ div >
219
219
< div className = "col-md-4" >
220
- < input type = "text" className = "form-control form-control-sm" ref = { this . mathsEl } id = "InputMaths" placeholder = "Maths" required />
220
+ < label htmlFor = "Maths" > Maths</ label >
221
+ < input type = "text" className = "form-control form-control-sm" id = 'Maths' ref = { this . mathsEl } id = "InputMaths" placeholder = "Maths" required />
221
222
</ div >
222
223
</ div >
223
224
< hr />
0 commit comments