Standards Statements for the Topic “Equivalent Number Forms”
Forms standards
-
Upload
rafael-mumme -
Category
Technology
-
view
1.049 -
download
1
Transcript of Forms standards
![Page 1: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/1.jpg)
04/12/23HUGE / ParentsConnect / 1
HUGE45 Main Street, 2nd Floor NY NY 11201718.625.4843 www.hugeinc.com
Forms
<form>…</forms>
April 11th, 2008
![Page 2: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/2.jpg)
HUGE / Forms 2
fieldset
“The FIELDSET element allows authors to group thematically related controls and labels. Grouping controls makes it easier for users to understand their purpose while simultaneously facilitating tabbing navigation for visual user agents and speech navigation for speech-oriented user agents. The proper use of this element makes documents more accessible.”
W3C
![Page 3: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/3.jpg)
HUGE / Forms 3
legend
“The LEGEND element allows authors to assign a caption to a FIELDSET. The legend improves accessibility when the FIELDSET is rendered non-visually.”
W3C
![Page 4: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/4.jpg)
HUGE / Forms 4
Accessibility /Usability
![Page 5: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/5.jpg)
5
HTML Example<form class="very-nice-form" onclick="return frmSubmit(this);">
<fieldset>
<legend>Register Now</legend>
<p>
<label for="select">Choose plan</label>
<select name="select" id="select">
<option value="1"> $0 for 1 year</option>
<option value="1"> $10 for 1 year</option>
<option value="1"> $20 for 1 year</option>
</select>
<input name="submit" type="submit" value="send" />
</p>
</fieldset>
</form>
HUGE / Forms
![Page 6: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/6.jpg)
6
Good or Bad Example?
HUGE / Forms
![Page 7: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/7.jpg)
7
Good or Bad Example?
HUGE / Forms
![Page 8: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/8.jpg)
8HUGE / Forms
“Form elements are ‘replaced elements’, which means they come directly from the heart of your OS, and not the browser itself. The CSS specifications do therefore not require that form elements should be able to receive styling. Most popular browsers have however provided us with options to do so, but not all of them.“
www.picment.com
OS Elements
![Page 9: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/9.jpg)
9
Opera Mini
HUGE / Forms
![Page 10: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/10.jpg)
10
Iphone
HUGE / Forms
![Page 11: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/11.jpg)
OS Elements Example
11HUGE / Forms
![Page 12: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/12.jpg)
Trust
“Users trust their credit card and personal information with forms on the internet, and that trust is sacred. So changing the appearance of well-known and recognizable browser elements like the basic input elements, may therefore not always be advisable.“
www.picment.com
12HUGE / Forms
![Page 13: Forms standards](https://reader036.fdocuments.in/reader036/viewer/2022062418/555750a0d8b42aa8378b51fe/html5/thumbnails/13.jpg)
Last Example
13HUGE / Forms