<!
DOCTYPE html>
<
title>CSS Basic User Interface Test: Directional Focus Navigation -
input elements for
'nav-down'</
title>
<
link rel=
"author" title=
"Jorrit Vermeiren" href=
"mailto:jorritv@opera.com">
<
link rel=
"author" title=
"Daniel Glazman" href=
"mailto:d.glazman@partner.samsung.com">
<
link rel=
"help" href=
"https://drafts.csswg.org/css-ui-4/#nav-dir">
<
meta name=
"flags" content=
"interact">
<
meta name=
"assert" content=
"Test checks that 'nav-down' works for input elements.">
<
style type=
"text/css">
#parent {
nav-down: #finish;
}
#intermediate {
nav-down: #end;
}
input {
display: block;
}
</
style>
<
body>
<p>First, use directional navigation to navigate the focus to the
"START" text field below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating down twice moves the focus to the
"FINISH" text field.</p>
<
div id=
"parent">
<
input value=
"ignore"/>
<
input value=
"START"/>
<
input value=
"ignore" id=
"intermediate"/>
<
input value=
"ignore"/>
</
div>
<
div>
<
input value=
"ignore"/>
<
input value=
"FINISH" id=
"end"/>
<
input value=
"ignore"/>
<
input value=
"ignore"/>
</
div>
</
body>