Skip to content

Instantly share code, notes, and snippets.

@hoanganh25991
Created January 12, 2016 01:59
Show Gist options
  • Save hoanganh25991/20b8c1f19abae07cd8a3 to your computer and use it in GitHub Desktop.
Save hoanganh25991/20b8c1f19abae07cd8a3 to your computer and use it in GitHub Desktop.
bootstrap form align
<section id="registerForm">
<form action="/Account/Register" class="form form-horizontal" method="post" role="form" novalidate="novalidate"><input name="__RequestVerificationToken" type="hidden" value="adWd6SBAVW3FPgKfNv6u2ECEtQ9oVpiEJsQVBxXB0BfSKnReVHGLVBk3OiTdIT1hYUcSPusu8jRtku2hKRMjIDw7JhU1"><input data-val="true" data-val-required="The RequireAdditionalData field is required." id="RequireAdditionalData" name="RequireAdditionalData" type="hidden" value="False"> <div class="form-group">
<label class="col-md-3 control-label" for="Email">Email</label>
<div class="col-md-9">
<input class="form-control" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-required="The Email field is required." id="Email" name="Email" placeholder="[email protected]" type="text" value="">
<span class="field-validation-valid help-block" data-valmsg-for="Email" data-valmsg-replace="true"></span>
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="PhoneNumber">Phone Number</label>
<div class="col-md-9">
<input class="form-control" data-val="true" data-val-regex="The field Phone Number is invalid." data-val-regex-pattern="^\s*?(?:(?:\+ ?)?1)?[ -]?\(*?[2-9]\d{2}\)*?[ -]*?\d{3}[ -]*?\d{4}\s*?$" data-val-required="The Phone Number field is required." id="PhoneNumber" name="PhoneNumber" placeholder="(555) 555-1234" type="text" value="">
<span class="field-validation-valid help-block" data-valmsg-for="PhoneNumber" data-valmsg-replace="true"></span>
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="IsSmallBusiness">Account Type</label>
<div class="col-md-9">
<label class="radio-inline">
<input checked="checked" data-val="true" data-val-required="The IsSmallBusiness field is required." id="IsSmallBusiness" name="IsSmallBusiness" type="radio" value="False">
Individual
</label>
<label class="radio-inline">
<input id="IsSmallBusiness" name="IsSmallBusiness" type="radio" value="True">
Small Business
</label>
<span class="field-validation-valid help-block" data-valmsg-for="PhoneNumber" data-valmsg-replace="true"></span>
</div>
</div>
<div class="form-group field-account-individual ">
<label class="col-md-3 control-label" for="FirstName">First Name</label>
<div class="col-md-9">
<input class="form-control" data-val="true" data-val-requiredif="The First Name field is required." data-val-requiredif-dependentproperty="IsSmallBusiness" data-val-requiredif-targetvalue="False" id="FirstName" name="FirstName" type="text" value="">
<span class="field-validation-valid help-block" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>
</div>
</div>
<div class="form-group field-account-individual ">
<label class="col-md-3 control-label" for="LastName">Last Name</label>
<div class="col-md-9">
<input class="form-control" data-val="true" data-val-requiredif="The Last Name field is required." data-val-requiredif-dependentproperty="IsSmallBusiness" data-val-requiredif-targetvalue="False" id="LastName" name="LastName" type="text" value="">
<span class="field-validation-valid help-block" data-valmsg-for="LastName" data-valmsg-replace="true"></span>
</div>
</div>
<div class="form-group field-account-business hidden ">
<label class="col-md-3 control-label" for="BusinessName">Business Name</label>
<div class="col-md-9">
<input class="form-control" data-val="true" data-val-requiredif="The Business Name field is required." data-val-requiredif-dependentproperty="IsSmallBusiness" data-val-requiredif-targetvalue="True" id="BusinessName" name="BusinessName" type="text" value="">
<span class="field-validation-valid help-block" data-valmsg-for="BusinessName" data-valmsg-replace="true"></span>
</div>
</div>
<div class="form-group">
<div class="col-md-offset-3 col-md-9">
<input type="submit" value="Register" class="btn pull-right btn-primary">
</div>
</div>
</form>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment