b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
97 lines
3.1 KiB
HTML
97 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
|
|
<meta charset="utf-8">
|
|
<title>Select test</title>
|
|
<script defer src="../../js/UI/select.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="../../style/UI.css">
|
|
</head>
|
|
<body>
|
|
<fieldset>
|
|
<legend>Select</legend>
|
|
<section>
|
|
<select id="singleSel">
|
|
<option value="Mozilla">Mozilla</option>
|
|
<option value="B2G">B2G</option>
|
|
<option value="Gaia">Gaia</option>
|
|
<option value="Gecko">Gecko</option>
|
|
<option value="Basecamp">Basecamp</option>
|
|
</select>
|
|
</section>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Select - more options:</legend>
|
|
<section>
|
|
<select>
|
|
<option value="Mozilla">Mozilla</option>
|
|
<option value="B2G">B2G</option>
|
|
<option value="Gaia">Gaia</option>
|
|
<option value="Gecko">Gecko</option>
|
|
<option value="Basecamp">Basecamp</option>
|
|
<option value="Mozilla-2">Mozilla-2</option>
|
|
<option value="B2G-2">B2G-2</option>
|
|
<option value="Gaia-2">Gaia-2</option>
|
|
<option value="Gecko-2">Gecko-2</option>
|
|
<option value="Basecamp-2">Basecamp-2</option>
|
|
</select>
|
|
</section>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Select with size=3:</legend>
|
|
<section>
|
|
<select size="3" id="sizeSel">
|
|
<option value="Mozilla">Mozilla</option>
|
|
<option value="B2G">B2G</option>
|
|
<option value="Gaia">Gaia</option>
|
|
<option value="Gecko">Gecko</option>
|
|
<option value="Basecamp">Basecamp</option>
|
|
</select>
|
|
</section>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Multiple Select</legend>
|
|
<section>
|
|
<select multiple="multiple" id="multiSel">
|
|
<option value="Mozilla">Mozilla</option>
|
|
<option value="B2G">B2G</option>
|
|
<option value="Gaia">Gaia</option>
|
|
<option value="Gecko">Gecko</option>
|
|
<option value="Basecamp">Basecamp</option>
|
|
</select>
|
|
</section>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Select with groups</legend>
|
|
<section>
|
|
<select name="groups" size="6">
|
|
<optgroup label="B2G">
|
|
<option value="Gonk">Gonk</option>
|
|
<option value="Gecko">Gecko</option>
|
|
<option value="Gaia">Gaia</option>
|
|
</optgroup>
|
|
<optgroup label="Devices">
|
|
<option value="otoro">Otoro</option>
|
|
<option value="hamachi">Hamachi</option>
|
|
<option value="flame">Flame</option>
|
|
</optgroup>
|
|
</select>
|
|
</section>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Time</legend>
|
|
<section>
|
|
<input type="time" placeholder="Time" />
|
|
</section>
|
|
<section>
|
|
<input type="date" placeholder="Date" />
|
|
</section>
|
|
<section>
|
|
<input type="date" placeholder="Time" value="2016-05-20" />
|
|
</section>
|
|
<section>
|
|
<input type="time" placeholder="Time" value="10:14" />
|
|
</section>
|
|
</fieldset>
|
|
</body>
|
|
</html>
|