HTML5 Form for Student Info

I created a form to obtain student information.  In a typical high school classroom teachers are known gather student information on the first day of school on a 3X5 notecard.  Although schools have student databases information tends to be outdated or difficult to access.  I was thinking it would be ideal if teachers could obtain this information from all their students through an HTML form that would automatically add the data to an excel spreadsheet where teachers could access it.  It would be as simple as taking the class to the computer lab on the first day of school.  Of course it would really be ideal if all the information was collected only once from each student in the school and retrieved in groups by class.   My school system recently got a new student data management system to which I have limited access and stores limited information.  The types of things a teacher may find interesting, such as a student's challenges in their subject would not be stored in that database.  My form requests similar course-specific information, not just the demographic information.  That information could then be appended into text file, then imported to a spreadsheet as opposed to a full-on database.  This would make it easily accessible to a teacher in their classroom.  Though google-docs has tools that can allow anyone to easily create a form for this type of thing, student information may be confidential, and it may be risky, for legal reasons, to have it on the world wide web.  Here's the link to the Student Information Form.  

I did have a few issues with the HTML5.  The placeholder attribute did not show in any of the browsers.  I also found that the built in validation for telephone did not work at all, although listed the type as tel.  I guess as it becomes more mainstream all of the functionality will begin to work.

Special thanks to Inayaili de Leon's blog/ tutorial called "Have a Field Day with HTML5 Forms", I was able to successfully complete and style my form.  

Comments

Popular Posts