mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-09 09:20:15 +01:00
125 lines
3.0 KiB
HTML
125 lines
3.0 KiB
HTML
|
<HTML>
|
||
|
|
|
||
|
|
<HEAD>
|
||
|
|
<LINK REL=STYLESHEET TYPE="text/css" HREF="mozform.css">
|
||
|
|
<LINK REL=STYLESHEET TYPE="text/css" HREF="aform.css">
|
||
|
|
<LINK REL=STYLESHEET TYPE="text/css" HREF="bform.css">
|
||
|
|
<LINK REL=STYLESHEET TYPE="text/css" HREF="cform.css">
|
||
|
|
<LINK REL=STYLESHEET TYPE="text/css" HREF="demoform.css">
|
||
|
|
|
||
|
|
<STYLE>
|
||
|
|
.gear {
|
||
|
|
display:list-item;
|
||
|
|
list-style-position:inside;
|
||
|
|
list-style-image: url("gear1.gif");
|
||
|
|
background-color:white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.eyes {
|
||
|
|
display:list-item;
|
||
|
|
list-style-position:inside;
|
||
|
|
list-style-image: url("Anieyes.gif");
|
||
|
|
background-color:white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.raindrops {
|
||
|
|
display:list-item;
|
||
|
|
list-style-position:inside;
|
||
|
|
list-style-image: url("raindrops_light.gif");
|
||
|
|
background-color:white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rock {
|
||
|
|
display:list-item;
|
||
|
|
list-style-position:inside;
|
||
|
|
list-style-image: url("rock_gra.gif");
|
||
|
|
background-color:white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.raptor {
|
||
|
|
display:list-item;
|
||
|
|
list-style-position:inside;
|
||
|
|
list-style-image: url("raptor.jpg");
|
||
|
|
background-color:white;
|
||
|
|
}
|
||
|
|
|
||
|
|
</STYLE>
|
||
|
|
|
||
|
|
<SCRIPT language="JavaScript">
|
||
|
|
|
||
|
|
function usestyle(styletype)
|
||
|
|
{
|
||
|
|
for (i = 0; i < 5; i++) {
|
||
|
|
if (styletype != i)
|
||
|
|
document.styleSheets[i].disabled = true;
|
||
|
|
else
|
||
|
|
document.styleSheets[i].disabled = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</SCRIPT>
|
||
|
|
</HEAD>
|
||
|
|
|
||
|
|
<BODY style="background-color:rgb(200, 200, 200);">
|
||
|
|
<H1>Example 16: Gfx rendered widgets</H1>
|
||
|
|
<P> This test requires gfx rendering to be enabled</P>
|
||
|
|
<FORM>
|
||
|
|
<INPUT type=button onclick="usestyle(4)" value="Demo Style">
|
||
|
|
<INPUT type=button onclick="usestyle(0)" value="Mozilla Style">
|
||
|
|
<INPUT type=button onclick="usestyle(1)" value="Style A">
|
||
|
|
<INPUT type=button onclick="usestyle(2)" value="Style B">
|
||
|
|
<INPUT type=button onclick="usestyle(3)" value="Style C">
|
||
|
|
<BR>
|
||
|
|
<INPUT checked type=checkbox>untitled
|
||
|
|
<INPUT type=checkbox>untitled
|
||
|
|
<BR>
|
||
|
|
<INPUT checked type=radio name=radio>untitled
|
||
|
|
<INPUT type=radio name=radio>untitled
|
||
|
|
<BR>
|
||
|
|
<INPUT type=button value="test">
|
||
|
|
<INPUT type=button style="font-weight:bold;" value="test">
|
||
|
|
<BR>
|
||
|
|
<BR>
|
||
|
|
<SELECT size=1>
|
||
|
|
<OPTION>item 1</OPTION>
|
||
|
|
<OPTION>item 2</OPTION>
|
||
|
|
<OPTION selected>item 3</OPTION>
|
||
|
|
<OPTION>item 4</OPTION>
|
||
|
|
<OPTION>item 5</OPTION>
|
||
|
|
</SELECT>
|
||
|
|
<SELECT size=4>
|
||
|
|
<OPTION>option 1</OPTION>
|
||
|
|
<OPTION selected>option 2</OPTION>
|
||
|
|
<OPTION>option 3</OPTION>
|
||
|
|
<OPTION>option 4</OPTION>
|
||
|
|
</SELECT>
|
||
|
|
<SELECT size=1>
|
||
|
|
<OPTGROUP>group 1
|
||
|
|
<OPTION>option A</OPTION>
|
||
|
|
<OPTION>option B</OPTION>
|
||
|
|
</OPTGROUP>group 1
|
||
|
|
<OPTGROUP>group 2
|
||
|
|
<OPTION>option C</OPTION>
|
||
|
|
<OPTION>option D</OPTION>
|
||
|
|
</OPTGROUP>group 2
|
||
|
|
</SELECT>
|
||
|
|
|
||
|
|
<SELECT size = 4>
|
||
|
|
<OPTGROUP>group 1
|
||
|
|
<OPTION>option A</OPTION>
|
||
|
|
<OPTION>option B</OPTION>
|
||
|
|
</OPTGROUP>group 1
|
||
|
|
<OPTGROUP>group 2
|
||
|
|
<OPTION>option C</OPTION>
|
||
|
|
<OPTION>option D</OPTION>
|
||
|
|
</OPTGROUP>group 2
|
||
|
|
</SELECT>
|
||
|
|
|
||
|
|
<!--SELECT size=1 style="width:120px;">
|
||
|
|
<OPTION class="gear">gears<OPTION>
|
||
|
|
<OPTION class="eyes">eyes<OPTION>
|
||
|
|
</SELECT-->
|
||
|
|
|
||
|
|
</FORM>
|
||
|
|
</BODY>
|
||
|
|
</HTML>
|