Top Banner
JavaScript Forms Ivan Matiishyn January, 2014
12

[SoftServe IT Academy] JavaScript Forms

Jul 18, 2015

Download

Internet

Ivan Matiishyn
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: [SoftServe IT Academy] JavaScript Forms

JavaScript

Forms

Ivan Matiishyn

January, 2014

Page 2: [SoftServe IT Academy] JavaScript Forms

Agenda

▪ DOM Level 0

▪ HTML-Collections

▪ HTMLFormElement

▪ HTMLInputElement

▪ HTMLTextAreaElement

▪ HTMLSelectElement & HTMLOptionElement

▪ Add/Remove option in select element

▪ Form Validation

▪ References and sources

Page 3: [SoftServe IT Academy] JavaScript Forms

DOM Level 0

Page 4: [SoftServe IT Academy] JavaScript Forms

HTML-Collections

Page 5: [SoftServe IT Academy] JavaScript Forms

HTMLFormElement

▪ Properties ▪ Methods

Page 6: [SoftServe IT Academy] JavaScript Forms

HTMLInputElement

▪ Properties ▪ Methods

Page 7: [SoftServe IT Academy] JavaScript Forms

HTMLTextAreaElement

▪ Properties ▪ Methods

Page 8: [SoftServe IT Academy] JavaScript Forms

HTMLSelectElement &

HTMLOptionElement

▪ Properties ▪ Methods ▪ Properties

Page 9: [SoftServe IT Academy] JavaScript Forms

Add/Remove option in

select element

▪ Remove

▪ Add

Page 10: [SoftServe IT Academy] JavaScript Forms

HTML5 APIs

▪ APIs for the text field selections (w3c)

▪ File APIs (w3c)

Page 11: [SoftServe IT Academy] JavaScript Forms

Form Validation

▪ HTML5 form elements

▪ RegExp

▪ Masks

▪ Text / Number

Page 12: [SoftServe IT Academy] JavaScript Forms

Questions?