3259a22290
Still need to impl `Activatable` on all activatable elements. I'll probably push those changes to this PR, however they can be made separately as well. Source-Repo: https://github.com/servo/servo Source-Revision: 19c69b1625dda46d3c5501292e7e2d0328e400b4
32 lines
1.0 KiB
HTML
32 lines
1.0 KiB
HTML
<style>
|
|
</style>
|
|
<form action="http://example.com" method="get">
|
|
<div><input type="checkbox"></div>
|
|
<div><input type="submit"><input type="reset"></div>
|
|
<div><input type="checkbox"></div>
|
|
<div><input type="checkbox" checked></div>
|
|
<div>group 1
|
|
<div><input type="radio"></div>
|
|
<div><input type="radio" checked></div>
|
|
</div>
|
|
<div>group 2
|
|
<div><input type="radio" name="a" checked></div>
|
|
<div><input type="radio" name="a"></div>
|
|
</div>
|
|
</form>
|
|
<br>
|
|
Use the buttons below to shift "fake" focus and trigger click events. The first form widget is initually focused.
|
|
<br>
|
|
<button type=button id="left">Shift fake focus left</button><br>
|
|
<button type=button id="right">Shift fake focus right</button><br>
|
|
<button type=button id="click">Trigger synthetic click</button><br>
|
|
|
|
|
|
<script>
|
|
i = 0;
|
|
tags = document.getElementsByTagName("input");
|
|
document.getElementById("left").onclick=function(){i--;}
|
|
document.getElementById("right").onclick=function(){i++;}
|
|
document.getElementById("click").onclick=function(){tags[i].click()}
|
|
</script>
|