Forms - SkeletonFrameWork | Tutorials - Basic To Advance

naveed
4-10-2017

Skeleton - Forms


What will you Learn / Why Do you Use it?

  • You will Learn how to create a Form In Skeleton FrameWork
  • We use it for Taking Information form user


| Form - Example |

- Code -

<form>
<div class="row">
<div class="six columns">
<label for="exampleEmailInput">Type UserName </label>
<input class="u-full-width" type="text" placeholder="@Ali">
</div>
<div class="six columns">
<label for="exampleRecipientInput">What Do you Like?</label>
<select class="u-full-width">
<option value="Option 1">Pizza</option>
<option value="Option 2">Egg</option>

</select>
</div>
</div>
<div class="row">
<div class="six columns">
<label for="exampleEmailInput">Type Email Here</label>
<input class="u-full-width has-error" type="email" placeholder="Skeleton@mail.com" >
</div>
<div class="six columns">
<label for="exampleRecipientInput">Who You Are?</label>
<select class="u-full-width has-success">
<option value="Option 1">Male</option>
<option value="Option 2">FeMale</option>
</select>
</div>
</div>
<div class="row">
<div class="twelve columns">
<label for="exampleMessage">Message</label>
<textarea class="u-full-width" placeholder="Hi this is &hellip;"></textarea>
<label>
<input type="checkbox">
<span class="label-body">I Agree All your terms And Conditions</span>
</label>
<input class="button-primary" type="submit" value="Submit">
</div>
</div>
</form>