☑Kizspy.me
Gender Male
く
gen_male
Studen Male
tuden
gen_female
Female
Figure 5-Dropdown list Gender.
c. Add three sort option (<input type="radio">) (see in Figure 6)
- Radio button for sort ascending by StudentName with id = rd_studentName (be default selected)
- Radio button for sort ascending by Studentld with id = rd_studentid
- Radio button for sort ascending by StudentDob with id=rd_studentDob
d. Button Filter (<input type="submit">) with id = btn_submit (see in Figure 6)
rd studentDob
rd studentName rd studentid
btn_submit
Sort by: Student Name Studentld StudentDob
Fiter
Figure 6.
e. When the user selects fill the form and clicks the Filter button, the table displays the Students that
satisfy the conditions, and the user's choices are saved on the form (see example in Figure 7, when
choose major Graphic Design, gender Female, and sort by StudentDob).
Zoom
+ 100%
Close
