/inventoryBrowser/node_modules/jquery-ui/demos/selectmenu/default.html |
@@ -0,0 +1,106 @@ |
<!doctype html> |
<html lang="en"> |
<head> |
<meta charset="utf-8"> |
<meta name="viewport" content="width=device-width, initial-scale=1"> |
<title>jQuery UI Selectmenu - Default functionality</title> |
<link rel="stylesheet" href="../../themes/base/all.css"> |
<link rel="stylesheet" href="../demos.css"> |
<style> |
fieldset { |
border: 0; |
} |
label { |
display: block; |
margin: 30px 0 0 0; |
} |
.overflow { |
height: 200px; |
} |
</style> |
<script src="../../external/requirejs/require.js"></script> |
<script src="../bootstrap.js"> |
$( "#speed" ).selectmenu(); |
|
$( "#files" ).selectmenu(); |
|
$( "#number" ) |
.selectmenu() |
.selectmenu( "menuWidget" ) |
.addClass( "overflow" ); |
|
$( "#salutation" ).selectmenu(); |
</script> |
</head> |
<body> |
|
<div class="demo"> |
|
<form action="#"> |
|
<fieldset> |
<label for="speed">Select a speed</label> |
<select name="speed" id="speed"> |
<option>Slower</option> |
<option>Slow</option> |
<option selected="selected">Medium</option> |
<option>Fast</option> |
<option>Faster</option> |
</select> |
|
<label for="files">Select a file</label> |
<select name="files" id="files"> |
<optgroup label="Scripts"> |
<option value="jquery">jQuery.js</option> |
<option value="jqueryui">ui.jQuery.js</option> |
</optgroup> |
<optgroup label="Other files"> |
<option value="somefile">Some unknown file</option> |
<option value="someotherfile">Some other file with a very long option text</option> |
</optgroup> |
</select> |
|
<label for="number">Select a number</label> |
<select name="number" id="number"> |
<option>1</option> |
<option selected="selected">2</option> |
<option>3</option> |
<option>4</option> |
<option>5</option> |
<option>6</option> |
<option>7</option> |
<option>8</option> |
<option>9</option> |
<option>10</option> |
<option>11</option> |
<option>12</option> |
<option>13</option> |
<option>14</option> |
<option>15</option> |
<option>16</option> |
<option>17</option> |
<option>18</option> |
<option>19</option> |
</select> |
|
<label for="salutation">Select a title</label> |
<select name="salutation" id="salutation"> |
<option disabled selected>Please pick one</option> |
<option>Mr.</option> |
<option>Mrs.</option> |
<option>Dr.</option> |
<option>Prof.</option> |
<option>Other</option> |
</select> |
</fieldset> |
|
</form> |
|
</div> |
|
<div class="demo-description"> |
<p>The Selectmenu widgets provides a styleable select element replacement. It will act as a proxy back to the original select element, controlling its state for form submission or serialization </p> |
<p>The datasource is a native select element. Supports optgroups.</p> |
</div> |
</body> |
</html> |