24 lines
1022 B
HTML
24 lines
1022 B
HTML
<html>
|
|
<head>
|
|
<title>Invalid</title>
|
|
</head>
|
|
<body>
|
|
<p>Examples:</p>
|
|
<div>
|
|
<input aria-label="text 1" type="text" value="Hello wurld" aria-invalid="spelling">
|
|
<input aria-label="text 2" type="text" value="World hello" aria-invalid="grammar">
|
|
<input aria-label="text 3" type="text" value="1234" aria-invalid="true">
|
|
<input aria-label="text 4" type="text" value="Good" aria-invalid="false">
|
|
<input aria-label="accept terms of service" type="checkbox" value="tos-accepted" aria-invalid="true">
|
|
</div>
|
|
<div>
|
|
<input aria-label="time 1" id="time1" type="text" aria-errormessage="msgID" value="" aria-invalid="false">
|
|
<span id="msgID" aria-live="off" style="visibility:hidden"> Invalid time: the time must be between 9:00 AM and 5:00 PM" </span>
|
|
</div>
|
|
<div>
|
|
<input aria-label="time 2" id="time2" type="text" aria-errormessage="msgID" aria-invalid="true" value="11:30 PM" />
|
|
<span id="msgID" style="visibility:visible"> Invalid time: The time must be between 9:00 AM and 5:00 PM"</span>
|
|
</div>
|
|
</body>
|
|
</html>
|