OLD | NEW |
(Empty) | |
| 1 <html> |
| 2 <body> |
| 3 <h3>form1 starts here</h3> |
| 4 <form id="form1"> |
| 5 <input type="text" id="input1" form="form1" value="input1 from form1"><br> |
| 6 <button type="button" id="button1" form="form1">button1 from form1</button><br
> |
| 7 <div id="contenteditable1" contenteditable="true">contenteditable1 from form1<
/div><br> |
| 8 <div id="div1" onkeypress="alert('key event from div1 of form1');"><br> |
| 9 <input type="text" id="input2" value="input2 from div1 form1"><br> |
| 10 </div> |
| 11 <a href="#" id="anchor1">anchor1 from form1</a><br> |
| 12 <textarea id="textarea1">textarea1 from form1</textarea><br> |
| 13 <input type="text" id="input3" value="input3 from form1"><br> |
| 14 </form> |
| 15 <h3>form1 ends here</h3> |
| 16 <textarea id="textarea2" form="form1">textarea2 from form1, which is outside par
ent hierarchy</textarea><br> |
| 17 <textarea id="textarea3">textarea3 neither from form1 nor from form2</textarea><
br> |
| 18 <button type="button" id="button2" form="form1">button2 from form1, which is out
side parent hierarchy, but can't navigate due to non-editable element</button><
br> |
| 19 <div id="contenteditable2" contenteditable="true">contenteditable2 neither from
form1 nor from form2</div><br> |
| 20 <textarea id="textarea4" form="formInvalid">textarea4 neither from form1 nor fro
m form2, form attribute is invalid</textarea><br> |
| 21 <h3>form2 starts here</h3><br> |
| 22 <form id="form2" onkeypress="alert('key event from form2');"> |
| 23 <textarea id="textarea5">textarea5 from form2</textarea><br> |
| 24 <input type="text" id="input4" value="input4 from form2"><br> |
| 25 <div id="contenteditable3" contenteditable="true">contenteditable3 from form2<
/div><br> |
| 26 <a href="#" id="anchor2">anchor2 from form2</a><br> |
| 27 <input type="number" id="input5" value="input5 from form2"><br> |
| 28 </form> |
| 29 <h3>form2 ends here</h3><br> |
| 30 </body> |
| 31 </html> |
OLD | NEW |