http://wbex.ru/index.php?action=history&feed=atom&title=HTML%2FCSS%2FForm_Style%2Fcheckbox
HTML/CSS/Form Style/checkbox - История изменений
2026-04-04T18:27:00Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=HTML/CSS/Form_Style/checkbox&diff=5586&oldid=prev
в 09:21, 26 мая 2010
2010-05-26T09:21:00Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 09:21, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=HTML/CSS/Form_Style/checkbox&diff=5587&oldid=prev
Admin: 1 версия
2010-05-26T08:17:02Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==checkbox Demo==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<HEAD><br />
<TITLE> - Forms</TITLE><br />
</HEAD><br />
<BODY><br />
<H2>Feedback Form</H2><br />
<FORM METHOD = "POST" ACTION = "/cgi-bin/formmail"><br />
<INPUT TYPE = "hidden" NAME = "recipient" VALUE = "d@d.ru"><br />
<INPUT TYPE = "hidden" NAME = "subject" VALUE = "Feedback Form"><br />
<INPUT TYPE = "hidden" NAME = "redirect" VALUE = "main.html"> <br />
<P><STRONG>Name: </STRONG><br />
<INPUT NAME = "name" TYPE = "text" SIZE = "25"></P><br />
<P><STRONG>Comments:</STRONG> <br />
<TEXTAREA NAME = "comments" ROWS = "4" COLS = "36"></TEXTAREA><br />
</P><br />
<P><STRONG>Email Address:</STRONG> <br />
<INPUT NAME = "email" TYPE = "password" SIZE = "25"></P><br />
<P><STRONG>Things you liked:</STRONG><BR><br />
Site design <br />
<INPUT NAME = "things" TYPE = "checkbox" VALUE = "Design"><br />
Links <br />
<INPUT NAME = "things" TYPE = "checkbox" VALUE = "Links"><br />
Ease of use <br />
<INPUT NAME = "things" TYPE = "checkbox" VALUE = "Ease"><br />
Images <br />
<INPUT NAME = "things" TYPE = "checkbox" VALUE = "Images"><br />
Source code <br />
<INPUT NAME = "things" TYPE = "checkbox" VALUE = "Code"><br />
</P><br />
<INPUT TYPE = "submit" VALUE = "Submit Your Entries"><br />
<INPUT TYPE = "reset" VALUE = "Clear Your Entries"><br />
</FORM><br />
</BODY><br />
</HTML> <br />
</source><br />
<br />
<br />
<br />
<br />
==checkbox input==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<title>Checkboxes</title><br />
</head><br />
<body><br />
<form method="post" action=""><br />
<p>Choose your toppings:</p> <br />
<ul> <br />
<li> <br />
<label for="top1"><input type="checkbox" id="top1" name="top1" value="pepperoni" checked="checked" /> Pepperoni</label> <br />
</li> <br />
<li> <br />
<label for="top2"><input type="checkbox" id="top2" name="top2" value="xcheese" /> Extra cheese</label> <br />
</li> <br />
<li> <br />
<label for="top3"><input type="checkbox" id="top3" name="top3" value="onions" /> Onions</label> <br />
</li> <br />
<li> <br />
<label for="top4"><input type="checkbox" id="top4" name="top4" value="mushrooms" /> Mushrooms</label> <br />
</li> <br />
<li> <br />
<label for="top5"><input type="checkbox" id="top5" name="top5" value="olives" /> Olives</label> <br />
</li> <br />
</ul><br />
</form><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==Set check box width==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
.checkbox {<br />
width: 1em;<br />
}<br />
</style><br />
</head><br />
<body><br />
<form action="login.php" method="post"><br />
<label for="uname">Username</label><br />
<input type="text" name="uname" id="uname" value="" /><br /><br />
<label for="pname">Password</label><br />
<input type="text" name="pname" id="pname" value="" /><br /><br />
<label for="recall">Remember you?</label> <br />
<input type="checkbox" name="recall" id="recall" class="checkbox" /><br /><br />
<input type="submit" name="Submit" value="Submit" class="buttonSubmit" /><br />
</form><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==Set input check box background color and color==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
.checkbxinput {<br />
color: green;<br />
background-color: green;<br />
}<br />
</style><br />
</head><br />
<body><br />
<h2>Simple Quiz</h2><br />
<form action="" method="post"><br />
<p><br />
What pizza toppings do you like? <br />
<input type="checkbox" name="" value="l" class="checkbxinput"> Pepperoni <br />
<input type="checkbox" name="" value="mushrooms" class="checkbxinput"> Mushrooms <br />
<input type="checkbox" name="" value="pineapple" class="checkbxinput"> Pineapple<br />
</p><br />
<input name="reset" type="reset" id="reset" value="Reset" /><br />
<input type="submit" name="Submit" value="Submit" class="buttonSubmit" /><br />
</form><br />
<br />
</body><br />
</html><br />
</source></div>
Admin