119 lines
4.5 KiB
HTML
119 lines
4.5 KiB
HTML
---
|
|
layout: default
|
|
title: Inputs · Ghost UI
|
|
---
|
|
|
|
<header class="page-header">
|
|
<a class="menu-button" href="#"><span class="sr-only">Menu</span></a>
|
|
<h2>Inputs</h2>
|
|
</header>
|
|
|
|
<section class="page-content">
|
|
|
|
<h1>Inputs</h1>
|
|
<form role="form">
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1">Email address</label>
|
|
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="exampleInputPassword1">Password</label>
|
|
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="exampleInputFile">File input</label>
|
|
<input type="file" id="exampleInputFile">
|
|
<p class="help-block">Example block-level help text here.</p>
|
|
</div>
|
|
<div class="checkbox">
|
|
<label>
|
|
<input type="checkbox" value="">
|
|
Option one is this and that—be sure to include why it's great
|
|
</label>
|
|
</div>
|
|
<div class="checkbox disabled">
|
|
<label>
|
|
<input type="checkbox" value="" disabled>
|
|
Option two is disabled
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
|
|
Option one is this and that—be sure to include why it's great
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
|
|
Option two can be something else and selecting it will deselect option one
|
|
</label>
|
|
</div>
|
|
<div class="radio disabled">
|
|
<label>
|
|
<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
|
|
Option three is disabled
|
|
</label>
|
|
</div>
|
|
<div class="checkbox">
|
|
<label class="checkbox-inline">
|
|
<input type="checkbox" id="inlineCheckbox1" value="option1"> 1
|
|
</label>
|
|
<label class="checkbox-inline">
|
|
<input type="checkbox" id="inlineCheckbox2" value="option2"> 2
|
|
</label>
|
|
<label class="checkbox-inline">
|
|
<input type="checkbox" id="inlineCheckbox3" value="option3"> 3
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label class="radio-inline">
|
|
<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3
|
|
</label>
|
|
</div>
|
|
<div class="form-group">
|
|
<select class="form-control">
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option>3</option>
|
|
<option>4</option>
|
|
<option>5</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<select multiple class="form-control">
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option>3</option>
|
|
<option>4</option>
|
|
<option>5</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">Email</label>
|
|
<div class="col-sm-10">
|
|
<p class="form-control-static">email@example.com</p>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="inputPassword" class="col-sm-2 control-label">Password</label>
|
|
<div class="col-sm-10">
|
|
<input type="password" class="form-control" id="inputPassword" placeholder="Password">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
|
|
</div>
|
|
<div class="form-group">
|
|
<input class="form-control" type="text" placeholder="Readonly input here…" readonly>
|
|
</div>
|
|
<button type="submit" class="btn btn-default">Submit</button>
|
|
</form>
|
|
|
|
</section> |