Skip to content

Instantly share code, notes, and snippets.

@hxuanyu

hxuanyu/forms.html

Last active May 1, 2020 02:20
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 hxuanyu/045e7d81cc7c8aa4115991c711c7d18d to your computer and use it in GitHub Desktop.
Save hxuanyu/045e7d81cc7c8aa4115991c711c7d18d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
forms.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="col-md-12">
<div class='div1'>
<div class="panel panel-default' panel-category">
<form class="form-inline" style="display: inline-block;" action="">
<label class='sr-only'>Enabled</label>
<input type="checkbox" id="enableit" name="enableit" value="" />
</form>
<form class="form-inline" style="display: inline-block;" action="enableQualityFilter">
<div class="form-group">
<label for="description">Description</label>
<input type="text" id="description" class="form-control filter-description"
name="description" value="" />
</div>
<div class="form-group current-filter">
<label for="filter">Filter</label>
Exclude<input type="checkbox" class="filter-exclude" name="exclude" />
<select class="form-control filter-selector" name="filterKey">
<option>dropdownlist_has_a_long_option_xxxxxxxxxxxxxx</option>
</select>
<input type="text" class="form-control filter-value" name="filterValue" />
<input type="text" class="form-control filter-calc-value" name="filter"
readonly="readonly" />
</div>
<button type="button" class="btn btn-sm btn-default btn-encode" title="URI encode">%3A</button>
<button type="button" class="btn btn-sm btn-default btn-decode" title="URI decode">:</button>
<button type="submit" class="btn btn-sm btn-success">a</button>
<button type="reset" class="btn btn-sm btn-default">b</button>
</form>
<form class="form-inline" action="" style="display: inline-block;">
<button type="submit" class="btn btn-sm btn-danger">D</button>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment