Widgets

For each of the following widgets, build a version in SVG: it should either resemble, as much as possible, in behavior and appearance of the comparable HTML widget, or represent an improvement in certain contexts (specifying, briefly, the contexts in which its behavior might be seen as an improvement). You may wish to review the material at basic form elements to see how the HTML objects work. In each case, provide sufficient behavior to demonstrate that the content of the form element has been successfully received by a JavaScript function, by displaying the user-provided information or behavior: keystrokes, strings, mouse movement, etc., somewhere on the page, though a text or graphical message or a simple alert().

Create one page with a "master table" (such as shown below) containing links to each of your widgets as developed, but e-mail me a link to your master table, as well as a brief statement about which new parts have been completed, when each part of the assignment is done.

Be sure to include the course number, your name and the assignment number in the subject line of the e-mail message. (e.g., "427 Fishborne widgets #3 and 4")

Due date	Brief description	HTML example	special instructions or hints
Feb. 22	1.The button	<input type="button" value="text" onclick="somefunction()">	Observe behaviors onmouseover, onmouseout, onmousedown, and onmouseup.
Feb. 22	2. radio buttons	<input type= "radio" name="r" value="1" onclick="r.value=1;blur();">tralala <input type= "radio" name="r" value= "2" onclick="r.value=2;blur();">hoopla	Consider default HTML behavior and behavior as ordinarily enhanced by JavaScript.
Feb. 22	3. Check boxes	<input type="checkbox" name="p" value="horses">horses<br> <input type="checkbox" name="q" value="cows">cows
Feb. 22	4. The selection	<select name="s"><option>a <option>b</select>	Consider default HTML behavior and behavior as ordinarily enhanced by JavaScript.
Mar. 7	5. The text input	<input type=text>
Mar. 7	6. The password input	<input type=password>
Mar. 7	7. The textarea	<textarea rows=5 cols=40>
Mar. 7	8.The file upload	<input type=file>	Consider default HTML behavior and behavior as ordinarily enhanced by JavaScript.

Due date	date completed	Brief description	My SVG widget	Context for improvement
Feb. 22	On Time	1.The button	betterbutton	Graphically intense page.
Feb. 22	Feb. 25	2. radio buttons	betterradio	For those with fine motor control problems.