Sensation Energy

Tutorials



Forms

Back

Example login froms



It is used by copying the code below, and then pastes it into your application or website. Before that, you can use our CSS and JS to make certain functionalities work for you. These are the addressees:


<link rel="stylesheet" href="www.sensationenergy.com/se_css/se.css>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script  src="www.sensationenergy.com/js_css/se.js"></script>


<form action="" method="post">
<div class="form-group">
<label for="thread_title">Username:</label>
<input type="text" id="thread_title" class="form-input" name="" placeholder="Username" required >
</div>
<div class="form-group">
<label for="thread_title">Password:</label>
<input type="password" id="thread_title" class="form-input" name="" placeholder="Password" required >
</div>
<div class="form-group">
<label for="remember-me">Remember me</label>
<input type="checkbox"  name="remember">
</div>
<br>
<div class="btn-group">
<button class="btn-2" type="submit" name="">Login</button>
</div>
</form>

Example all forms














Website Mobile app Web app

















<form action="" method="post">
<div class="form-group">
<label for="thread_title">Text</label>
<input type="text" id="thread_title" class="form-input" name="" placeholder="Username" required >
</div>
<br><br>
<div class="form-group">
<label for="thread_title">Email</label>
<input type="email" id="thread_title" class="form-input" name="" placeholder="Username" required >
</div>
<br><br>
<div class="form-group">
<label for="thread_title">Password</label>
<input type="password" id="thread_title" class="form-input" name="" placeholder="Username" required >
</div>
<br><br>
<div class="form-group">
<label for="thread_title">Number</label>
<input type="number" id="thread_title" class="form-input" name="" placeholder="Username" required >
</div>
<br><br>
<div class="form-group">
<label for="thread_title">Date</label>
<input type="date" id="thread_title" class="form-input" name="" placeholder="Username" required >
</div>
<br><br>
<div class="form-group">
<label for="yn">Select</label>
<select  name="" id="yn" class="form-input">
<option value='yes'>Yes</option>;
<option value='no'>No</option>;
</select>
<br><br>
<div class="form-group">
<label for="checkbox">Checkbox</label><br>
<input type="checkbox"  name="">Website
<input type="checkbox"  name="">Mobile app
<input type="checkbox"  name="">Web app
</div>
<br><br>
<div class="form-group">
<label for="remember-me">Radio button</label><br>
<input type="radio" name="" value="Website"><label>Website</label><br/>
<input type="radio" name="" value="Mobile app"><label>Mobile app</label><br/>
<input type="radio" name="" value="Web app"><label>Web app</label><br/>
</div>
<br><br>
<div class="form-group">
<label for="image">Upload</label>
<input type="file" name="" class="form-input">
</div>
<br><br>
<div class="form-group">
<label for="title">Textarea</label>
<textarea class="form-input" name="" rows="3"></textarea>
</div>
<br><br>
<div class="btn-group">
<label for="title">Button</label><br>
<button class="btn-2" type="submit" name="">Login</button>
<button class="btn-1" type="submit" name="">Cancel</button>
<button class="btn-3" type="submit" name="">Back</button>
</div>
<br><br>
</form>