chromium/src/third_party/blink/web_tests/fast/events/resources/tabindex-focus-blur-all-frame2.html - manifest_repos/chromium_src - Git at Google

 <body id="frame2body">

 <!--anchor types-->
 <a href="#" tabindex="1" id="a3">anchor</a><br>
 <img src ="abe.png" width="76" height="103" alt="honest abe" usemap ="#theMapName" />
 <map name="theMapName" tabindex="0" id="map3">
   <area shape ="rect" coords ="0,0,76,50" href="#" target ="_blank" alt="rectArea1" tabindex="-1" id="area3a"/>
   <area shape ="rect" coords ="0,50,76,103" href="#" target ="_blank" alt="rectArea3" id="area3b"/>
 </map><br>

 <!--media elements-->
 <div id="div3a" tabindex="1">
 <audio controls src="../../../media/content/test.wav" tabindex="0" id="audio3"></audio><br>
 <video controls tabindex="-1" id="video3">
     <source src="../../../media/content/test.mp4" type="video/mpeg" id="source3">
 </video><br>
 </div>

 <!--embedded elements-->
 applet:<br>
 <applet width="100" height="100" code="" tabindex="2" id="applet3"></applet><br>
 object:<br>
 <object type="application/x-no-such-plugin" width="100" height="100" tabindex="0" id="object3"></object><br>
 embed:<br>
 <embed type="application/x-no-such-plugin" width="100" height="100" tabindex="-1" id="embed3"></embed><br>

 <!--presentation-related elements-->
 <div id="div3b">
 <abbr title="the tooltip" tabindex="3" id="abbr3">abbr makes a tooltip</abbr><br>
 <acronym title="the tooltip" tabindex="0" id="acronym3">acronym makes a tooltip</acronym><br>
 <bdo dir="rtl" tabindex="-1" id="bdo3">text going right-to-left</bdo><br>
 a blockquote:<blockquote id="blockquote3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis eu nisi. Fusce aliquet massa non felis. Sed consectetuer. In hac habitasse platea dictumst. Nunc vitae nulla. Quisque tristique sollicitudin libero.</blockquote>
 a short quote:<q tabindex="3" id="q3">Veni, Vidi, Vici</q>
 <p tabindex="0" id="p3">paragraph</p>
 line break:<br tabindex="-1" id="br3">
 horizontal rule:<hr id="hr3">
 <marquee tabindex="2" id="marquee3">marquee text</marquee>
 <center tabindex="0" id="center3">centered text</center>
 </div>

 <!--font style tags-->
 <b tabindex="-1" id="b3">Bold text</b><br>
 <big id="big3">Big text</big><br>
 <i tabindex="2" id="i3">Italic text</i><br>
 <small tabindex="0" id="small3">Small text</small><br>
 <tt tabindex="-1" id="tt3">Teletype text</tt><br>

 <!--canvas element-->
 <div id="div3c">
 canvas:<br>
 <canvas width='200' height='100' tabindex="3" id="canvas3"></canvas><br>
 </div>

 <!--Phrase elements-->
 <em tabindex="0" id="em3">em</em><br>
 <strong tabindex="-1" id="strong3">strong</strong><br>
 <dfn id="dfn3">dfn</dfn><br>
 <code tabindex="2" id="code3">code</code><br>
 <samp tabindex="0" id="samp3">samp</samp><br>
 <kbd tabindex="-1" id="kbd3">kbd</kbd><br>
 <var id="var3">var</var><br>
 <cite tabindex="3" id="cite3">cite</cite><br>

 <!--heading tags-->
 <div id="div3d" tabindex="0">
 <h1 tabindex="-1" id="h1_3">Heading 1</h1>
 <h2 id="h2_3">Heading 2</h2>
 <h3 tabindex="3" id="h3_3">Heading 3</h3>
 <h4 tabindex="0" id="h4_3">Heading 4</h4>
 <h5 tabindex="-1" id="h5_3">Heading 5</h5>
 <h6 id="h6_3">Heading 6</h6>
 </div>

 <!--other style-related tags-->
 <s tabindex="2" id="s3">strikethrough (sTag)</s><br>
 <strike tabindex="0" id="strike3">strikethrough (strikeTag)</strike><br>
 <sub tabindex="-1" id="sub3">subscript</sub><br>
 <sup id="sup3">superscript</sup><br>
 <u tabindex="3" id="u3">underlined</u><br>
 <del tabindex="0" id="del3">delete</del><br>
 <ins tabindex="-1" id="ins3">insert</ins><br>
 <pre id="pre3">preformatted</pre>
 basic usage of <font tabindex="2" id="font3">font</font> tag<br>
 basic usage of <span tabindex="0" id="span3">span</span> tag<br>

 <!--tables-->
 <div id="div3e" tabindex="2">
 <table border="1" id="table3">
 <caption tabindex="3" id="caption3">table caption</caption>
 <colgroup span="3" tabindex="0" id="colgroup3">
 <col width="100" tabindex="-1" id="col3a"></col>
 <col width="250" id="col3b"></col>
 </colgroup>
 <thead tabindex="3" id="thead3"><tr><th tabindex="0" id="th3">
 table header
 </th></tr></thead><tbody tabindex="-1" id="tbody3">
 <tr id="tr3">
 <td tabindex="2" id="td3a">table cell 1</td>
 <td tabindex="0" id="td3b">table cell 2</td>
 <td tabindex="-1" id="td3c">table cell 3</td>
 </tr></tbody>
 <tfoot id="tfoot3"><tr><td>
 table footer
 </td></tr></tfoot>
 </table>
 </div>

 <!--definition list-->
 <dl tabindex="1" id="dl3">definition list
 <dt tabindex="0" id="dt3a">term1</dt>
 <dd tabindex="-1" id="dd3a">definition1</dd>
 <dt id="dt3b">term2</dt>
 <dd tabindex="1" id="dd3b">definition2</dd>
 </dl>

 <!--lists -->
 <div id="div3f" tabindex="0">
 <ul tabindex="-1" id="ul3">unordered list
 <li id="li3a"> ul li
 </ul>
 <ol tabindex="2" id="ol3">ordered list
 <li tabindex="0" id="li3b"> ol li
 </ol>
 <menu tabindex="-1" id="menu3">menu list
 <li id="li3c"> menu li
 </menu>
 <dir tabindex="3" id="dir3">directory list
 <li tabindex="0" id="li3d"> dir li
 </dir>
 </div>

 <!--images-->
 <image src="abe.png" tabindex="-1" id="image3"><br>
 <img src="abe.png" id="img3"><br>

 <!--forms-->
 <div id="div3g" tabindex="3">
 <form tabindex="0" id="form3">
 <fieldset tabindex="-1" id="fieldset3">
     <legend id="legend3">legend1</legend>
 </fieldset>
 <select id="select3" tabindex="0" multiple>
     <optgroup label="group1" tabindex="-1" id="optgroup3">
         <option id="option3a">option1</option>
         <option>option2</option>
     </optgroup>
     <optgroup label="group3">
         <option>option3</option>
         <option tabindex="1" id="option3b">option4</option>
     </optgroup>
 </select><br>
 <textarea id="textarea3" tabindex="0">textarea</textarea><br>
 <input type="text" id="text3" value="text" tabindex="-1"><br>
 <input type="checkbox" id="checkbox3" tabindex="0"><br>
 <input type="radio" id="radioChoice3a" name="radio3"><br>
 <label id="label3" tabindex="2"><input type="radio" name="radio3" tabindex="0">label for radio button</label><br>
 <label id="label4"><input type="radio" name="radio3" tabindex="0">another label for radio button</label><br>
 <input type="file" id="file3" tabindex="-1"><br>
 input type="hidden"<input type="hidden" id="hidden3" tabindex="3"><br>
 input type="image"<input type="image" id="inputImage3" src="abe.png" tabindex="-1"><br>
 <button id="button3">button</button><br>
 <input type="button" id="inputButton3" value="inputButton" tabindex="3"><br>
 <input type="search" id="search3" placeholder="search" tabindex="0"><br>
 <input type="password" id="password3" tabindex="2"><br>
 <input type="range" id="range3" tabindex="-1"><br>
 <input type="submit" id="submit3">
 <input type="reset" id="reset3" tabindex="2"><br>
 </form>
 </div>

 <iframe width="100%" height="75%" src="tabindex-focus-blur-all-iframe2.html" id="iframe2a" tabindex="0"></iframe>
 <iframe src="tabindex-focus-blur-all-frame3.html" id="iframe2b" tabindex="1"></iframe>

 <input class="homebase">

 </body>
	<body id="frame2body">

	<!--anchor types-->
	<a href="#" tabindex="1" id="a3">anchor</a><br>
	<img src ="abe.png" width="76" height="103" alt="honest abe" usemap ="#theMapName" />
	<map name="theMapName" tabindex="0" id="map3">
	<area shape ="rect" coords ="0,0,76,50" href="#" target ="_blank" alt="rectArea1" tabindex="-1" id="area3a"/>
	<area shape ="rect" coords ="0,50,76,103" href="#" target ="_blank" alt="rectArea3" id="area3b"/>
	</map><br>

	<!--media elements-->
	<div id="div3a" tabindex="1">
	<audio controls src="../../../media/content/test.wav" tabindex="0" id="audio3"></audio><br>
	<video controls tabindex="-1" id="video3">
	<source src="../../../media/content/test.mp4" type="video/mpeg" id="source3">
	</video><br>
	</div>

	<!--embedded elements-->
	applet:<br>
	<applet width="100" height="100" code="" tabindex="2" id="applet3"></applet><br>
	object:<br>
	<object type="application/x-no-such-plugin" width="100" height="100" tabindex="0" id="object3"></object><br>
	embed:<br>
	<embed type="application/x-no-such-plugin" width="100" height="100" tabindex="-1" id="embed3"></embed><br>

	<!--presentation-related elements-->
	<div id="div3b">
	<abbr title="the tooltip" tabindex="3" id="abbr3">abbr makes a tooltip</abbr><br>
	<acronym title="the tooltip" tabindex="0" id="acronym3">acronym makes a tooltip</acronym><br>
	<bdo dir="rtl" tabindex="-1" id="bdo3">text going right-to-left</bdo><br>
	a blockquote:<blockquote id="blockquote3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis eu nisi. Fusce aliquet massa non felis. Sed consectetuer. In hac habitasse platea dictumst. Nunc vitae nulla. Quisque tristique sollicitudin libero.</blockquote>
	a short quote:<q tabindex="3" id="q3">Veni, Vidi, Vici</q>
	<p tabindex="0" id="p3">paragraph</p>
	line break:<br tabindex="-1" id="br3">
	horizontal rule:<hr id="hr3">
	<marquee tabindex="2" id="marquee3">marquee text</marquee>
	<center tabindex="0" id="center3">centered text</center>
	</div>

	<!--font style tags-->
	<b tabindex="-1" id="b3">Bold text</b><br>
	<big id="big3">Big text</big><br>
	<i tabindex="2" id="i3">Italic text</i><br>
	<small tabindex="0" id="small3">Small text</small><br>
	<tt tabindex="-1" id="tt3">Teletype text</tt><br>

	<!--canvas element-->
	<div id="div3c">
	canvas:<br>
	<canvas width='200' height='100' tabindex="3" id="canvas3"></canvas><br>
	</div>

	<!--Phrase elements-->
	<em tabindex="0" id="em3">em</em><br>
	<strong tabindex="-1" id="strong3">strong</strong><br>
	<dfn id="dfn3">dfn</dfn><br>
	<code tabindex="2" id="code3">code</code><br>
	<samp tabindex="0" id="samp3">samp</samp><br>
	<kbd tabindex="-1" id="kbd3">kbd</kbd><br>
	<var id="var3">var</var><br>
	<cite tabindex="3" id="cite3">cite</cite><br>

	<!--heading tags-->
	<div id="div3d" tabindex="0">
	<h1 tabindex="-1" id="h1_3">Heading 1</h1>
	<h2 id="h2_3">Heading 2</h2>
	<h3 tabindex="3" id="h3_3">Heading 3</h3>
	<h4 tabindex="0" id="h4_3">Heading 4</h4>
	<h5 tabindex="-1" id="h5_3">Heading 5</h5>
	<h6 id="h6_3">Heading 6</h6>
	</div>

	<!--other style-related tags-->
	<s tabindex="2" id="s3">strikethrough (sTag)</s><br>
	<strike tabindex="0" id="strike3">strikethrough (strikeTag)</strike><br>
	<sub tabindex="-1" id="sub3">subscript</sub><br>
	<sup id="sup3">superscript</sup><br>
	<u tabindex="3" id="u3">underlined</u><br>
	<del tabindex="0" id="del3">delete</del><br>
	<ins tabindex="-1" id="ins3">insert</ins><br>
	<pre id="pre3">preformatted</pre>
	basic usage of <font tabindex="2" id="font3">font</font> tag<br>
	basic usage of <span tabindex="0" id="span3">span</span> tag<br>

	<!--tables-->
	<div id="div3e" tabindex="2">
	<table border="1" id="table3">
	<caption tabindex="3" id="caption3">table caption</caption>
	<colgroup span="3" tabindex="0" id="colgroup3">
	<col width="100" tabindex="-1" id="col3a"></col>
	<col width="250" id="col3b"></col>
	</colgroup>
	<thead tabindex="3" id="thead3"><tr><th tabindex="0" id="th3">
	table header
	</th></tr></thead><tbody tabindex="-1" id="tbody3">
	<tr id="tr3">
	<td tabindex="2" id="td3a">table cell 1</td>
	<td tabindex="0" id="td3b">table cell 2</td>
	<td tabindex="-1" id="td3c">table cell 3</td>
	</tr></tbody>
	<tfoot id="tfoot3"><tr><td>
	table footer
	</td></tr></tfoot>
	</table>
	</div>

	<!--definition list-->
	<dl tabindex="1" id="dl3">definition list
	<dt tabindex="0" id="dt3a">term1</dt>
	<dd tabindex="-1" id="dd3a">definition1</dd>
	<dt id="dt3b">term2</dt>
	<dd tabindex="1" id="dd3b">definition2</dd>
	</dl>

	<!--lists -->
	<div id="div3f" tabindex="0">
	<ul tabindex="-1" id="ul3">unordered list
	<li id="li3a"> ul li
	</ul>
	<ol tabindex="2" id="ol3">ordered list
	<li tabindex="0" id="li3b"> ol li
	</ol>
	<menu tabindex="-1" id="menu3">menu list
	<li id="li3c"> menu li
	</menu>
	<dir tabindex="3" id="dir3">directory list
	<li tabindex="0" id="li3d"> dir li
	</dir>
	</div>

	<!--images-->
	<image src="abe.png" tabindex="-1" id="image3"><br>
	<img src="abe.png" id="img3"><br>

	<!--forms-->
	<div id="div3g" tabindex="3">
	<form tabindex="0" id="form3">
	<fieldset tabindex="-1" id="fieldset3">
	<legend id="legend3">legend1</legend>
	</fieldset>
	<select id="select3" tabindex="0" multiple>
	<optgroup label="group1" tabindex="-1" id="optgroup3">
	<option id="option3a">option1</option>
	<option>option2</option>
	</optgroup>
	<optgroup label="group3">
	<option>option3</option>
	<option tabindex="1" id="option3b">option4</option>
	</optgroup>
	</select><br>
	<textarea id="textarea3" tabindex="0">textarea</textarea><br>
	<input type="text" id="text3" value="text" tabindex="-1"><br>
	<input type="checkbox" id="checkbox3" tabindex="0"><br>
	<input type="radio" id="radioChoice3a" name="radio3"><br>
	<label id="label3" tabindex="2"><input type="radio" name="radio3" tabindex="0">label for radio button</label><br>
	<label id="label4"><input type="radio" name="radio3" tabindex="0">another label for radio button</label><br>
	<input type="file" id="file3" tabindex="-1"><br>
	input type="hidden"<input type="hidden" id="hidden3" tabindex="3"><br>
	input type="image"<input type="image" id="inputImage3" src="abe.png" tabindex="-1"><br>
	<button id="button3">button</button><br>
	<input type="button" id="inputButton3" value="inputButton" tabindex="3"><br>
	<input type="search" id="search3" placeholder="search" tabindex="0"><br>
	<input type="password" id="password3" tabindex="2"><br>
	<input type="range" id="range3" tabindex="-1"><br>
	<input type="submit" id="submit3">
	<input type="reset" id="reset3" tabindex="2"><br>
	</form>
	</div>

	<iframe width="100%" height="75%" src="tabindex-focus-blur-all-iframe2.html" id="iframe2a" tabindex="0"></iframe>
	<iframe src="tabindex-focus-blur-all-frame3.html" id="iframe2b" tabindex="1"></iframe>

	<input class="homebase">

	</body>