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 |