Synopsis: How can you automatically jump to another field once the current field has been competed. For example, when entering a telephone number into separate one character sized form fields? Why you might want to do this is not important. How to do it, caused a fair bit of head scratching here at irt.org when asked to raise to the challenge. This article explains the reasons why it isn't as easy as it might first appear, and shows a fully working example at the end. By Martin Webb.
Techniques: text form field, length, focus, blur, onKeyUp, value property maxlength, size, alert, prompt, modal, non modal, dialogues
Synopsis: So you want to use nice gifs instead of those ugly looking gray buttons to submit and reset your form? No Problem - just use form type=image. Or is there more to it than that? - Rafal Koszyk
Techniques: form, submit, reset, type, image, links, onSubmit, onReset, event handlers
Techniques: form data, Method, GET, POST, encoding data, name/value pairs, escape, handcrafting URL data
Synopsis: This article describes how to transfer data from a form on one page to a form on another page.
Techniques: form, search string, unescape, escape, encoded characters, check boxes, radio buttons, select options, split(), replace()
Techniques: Form, onSubmit, this, indexOf(), Regular Expressions, RegExp, replace, split, match, search
Techniques: frames, onSumbit, parent, location, href, selectedIndex, menus, objects, options, floating frames, IFRAME
Synopsis: Describes some of the more interesting things that can be achieved with forms created with HTML
Techniques: forms, submit, cancel, enctype, method, action, target, events, hidden, validation, overriding form attributes, *.js source files, floating frames
Synopsis: Covers some advanced uses of dropdown menus: adding an additional entry passed from another page, and locating an entry based on a value entered in a text field.
Synopsis: Automate Check Boxes, i.e. their production, interrogation, setting and clearing, and how to find the value of Radio Buttons
Techniques: Form, checkbox, onClick, checked, unchecked, eval, true, false, toString(), reset()
Synopsis: Describes multiple select options, and how to add, remove and replace options
Techniques: onSubmit, onClick, onBlur, onFocus, onChange events, forms, options, selections, images, add remove, replace
Synopsis: Using form selection options to change location of browser
Techniques: onSubmit, onClick, onBlur, onFocus, onChange events, forms, options, selections, images, buttons
©2018 Martin Webb