Skip to content

Instantly share code, notes, and snippets.

@jonathanmelville
Created February 20, 2015 17:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jonathanmelville/3f6d57b20ad0ec9220c1 to your computer and use it in GitHub Desktop.
Save jonathanmelville/3f6d57b20ad0ec9220c1 to your computer and use it in GitHub Desktop.
Search Form
<form class="clearfix" action="/search">
<div class="large-4 medium-4 columns">
<div class="row">
<div class="small-12 columns">
<label for="p" class="san-bd">Price
<div class="prop-select custom-select ff-hack">
<select name="p" id="p">
<option disabled selected>Any</option>
<option value="200000-300000">$200,000 - $300,000</option>
<option value="300000-400000">$300,000 - $400,000</option>
<option value="400000-500000">$400,000 - $500,000</option>
<option value="500000-600000">$500,000 - $600,000</option>
<option value="600000-700000">$600,000 - $700,000</option>
<option value="700000-800000">$700,000 - $800,000</option>
<option value="800000-900000">$800,000 - $900,000</option>
<option value="900000-1000000">$900,000 - $1,000,000</option>
<option value="200000-1000000">$1,000,000 +</option>
</select>
</div>
</label>
</div>
</div>
</div>
<div class="large-4 medium-3 columns">
<div class="row">
<div class="small-12 columns">
<label for="br" class="san-bd">Bedrooms
<div class="prop-select custom-select ff-hack">
<select name="br" id="br">
<option disabled selected>Any</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
</label>
</div>
</div>
</div>
<div class="large-2 medium-3 columns">
<div class="row">
<div class="small-12 columns">
<label for="ba" class="san-bd">Bathrooms
<div class="prop-select custom-select ff-hack">
<select name="ba" id="ba">
<option disabled selected>Any</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
</label>
</div>
</div>
</div>
<div class="large-2 medium-2 columns">
<input type="submit" class="button prop-search-btn tiny radius expand" value="Search" />
</div>
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment