Learning Intentions
identify previously used html & Javascript code and re-use in a similar scenario Success Criteria You will identify code previously used to create a basic form |
Keywords
Form Java
HTML Text boxes tags |
Progress checker - Download, complete part 1, save
Download and save into your HTML folder the following files - open the webform "my simple form" and check it works. What happens if you don't type in a name?
My simple form text file
My simple form HTML
Success message text file
Success message HTML
My simple form text file
My simple form HTML
Success message text file
Success message HTML
Task
You must now adapt the form
1. Add new text fields for the users "surname, gender & age"
2. Validate the form so that it gives the user an alert message if these fields are empty
3. Add additional radio buttons for Autumn and Winter
Progress - How did you do?
Ensure that you have included screen shots of the webform development, print off the progress checker - hand in for marking
1. Add new text fields for the users "surname, gender & age"
2. Validate the form so that it gives the user an alert message if these fields are empty
3. Add additional radio buttons for Autumn and Winter
Progress - How did you do?
Ensure that you have included screen shots of the webform development, print off the progress checker - hand in for marking