swc/crates/swc_html_codegen/tests/fixture/attribute/input.html
2022-04-28 17:27:39 +00:00

100 lines
3.3 KiB
HTML

<!DOCTYPE html>
<html>
<body>
<label><input type=checkbox checked name=cheese disabled> Cheese</label>
<label><input type=checkbox checked=checked name=cheese disabled=disabled> Cheese</label>
<label><input type='checkbox' checked name=cheese disabled=""> Cheese</label>
<label><input type= checkbox checked name = cheese disabled> Cheese</label>
<label><input type =checkbox checked name = cheese disabled> Cheese</label>
<label><input type = checkbox checked name = cheese disabled> Cheese</label>
<label ><input type='checkbox'checked name=cheese disabled="" > Cheese</label >
<p id="" class="" STYLE=" " title="
" lang="" dir="">x</p>
<p id='' class="" STYLE=' ' title='
' lang='' dir=''>x</p>
<p onclick="" ondblclick=" " onmousedown="" ONMOUSEUP="" onmouseover=" " onmousemove="" onmouseout="" onkeypress=
"
"
onkeydown=
"" onkeyup="">x</p>
<input onfocus="" onblur="" onchange=" " value=" boo ">
<input value="" name="foo">
<img src="" alt="">
<div data-foo class id style title lang dir onfocus onblur onchange onclick ondblclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup></div>
<img src="" alt="">
<p class=" foo bar ">foo bar baz</p>
<p class=" foo ">foo bar baz</p>
<p class="
foo
">foo bar baz</p>
<p style=" color: red; background-color: rgb(100, 75, 200); "></p>
<p style="font-weight: bold ; "></p>
<br>x</br>
<p title="</p>">x</p>
<p title=" <!-- hello world --> ">x</p>
<p title=" <![CDATA[ \n\n foobar baz ]]> ">x</p>
<p foo-bar="baz">xxx</p>
<p foo:bar="baz">xxx</p>
<p foo.bar="baz">xxx</p>
<div><div><div><div><div><div><div><div><div><div>i'm 10 levels deep</div></div></div></div></div></div></div></div></div></div>
<a title="x"href=" ">foo</a>
<p id=""class=""title="">x</p>
<p x="x'">x</p>
<p x='x"'>x</p>
<a href="#"><p>Click me</p></a>
<span><button>Hit me</button></span>
<!--TODO FIX ME -->
<!--<object type="image/svg+xml" data="image.svg"><div>[fallback image]</div></object>-->
<img class="user-image" src="http:&#47;&#47;adasdasdasd.cloudfront.net&#47;users&#47;2011&#47;05&#47;24&#47;4asdasd&#47;asdasd.jpg" />
<div data-foo></div>
<div data-foo=""></div>
<div data-foo=''></div>
<div data-foo="test"></div>
<div data-foo='test'></div>
<div data-test=foo class='bar'>test</div>
<div data-test='foo' class='bar'>test</div>
<div data-test="foo" class='bar'>test</div>
<div data-test="foo bar" class=bar>test</div>
<div data-test='foo &#34; bar' class=bar>test</div>
<div data-test='foo &#39; bar' class=bar>test</div>
<div data-test="foo &#34; bar" class=bar>test</div>
<div data-test="foo &#39; bar" class=bar>test</div>
<div data-test="foo &#34;&#34;&#34; bar" class=bar>test</div>
<div data-test="foo &#39;&#39;&#39; bar" class=bar>test</div>
<div data-test='&#34;foo&#34;' class='bar'>test</div>
<div data-test=&#34;foo&#34; class='bar'>test</div>
<div data-test='&#34; foo &#34;' class='bar'>test</div>
<div data-test="&#34;foo&#34;" class='bar'>test</div>
<div data-test=&#34;foo&#34; class='bar'>test</div>
<div data-test="&#34; foo &#34;" class='bar'>test</div>
<div data-test='&#39;foo&#39;' class='bar'>test</div>
<div data-test="&#39;foo&#39;" class='bar'>test</div>
<div data-test='
foo
' class='bar'>test</div>
<div data-test='\foo' class='bar'>test</div>
<div data-test='\\foo' class='bar'>test</div>
</body>
</html>