Demo entry 5900891

BS_Form

   

Submitted by anonymous on Aug 30, 2016 at 16:21
Language: HTML. Code size: 2.8 kB.

<form data-toggle="validator" role="form">
	<div class="form-group">
		<label for="inputName" class="control-label">Prénom</label>
		<input type="text" class="form-control" id="inputName" placeholder="Votre prénom" required>
		<div class="help-block with-errors"></div>
	</div>
	<div class="form-group">
		<label for="inputName" class="control-label">Nom</label>
		<input type="text" class="form-control" id="inputName" placeholder="Optionnel">
		<div class="help-block with-errors"></div>
	</div>
	<div class="form-group has-feedback">
		<label for="inputTwitter" class="control-label">Pseudo</label>
		<div class="input-group">
			<span class="input-group-addon">@</span>
			<input type="text" pattern="^[_A-z0-9]{1,}$" maxlength="15" class="form-control" id="inputTwitter" placeholder="Pseudo" required>
		</div>
		<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
	</div>
	<div class="form-group">
		<label for="inputEmail" class="control-label">Email</label>
		<input type="email" class="form-control" id="inputEmail" placeholder="Email" data-error="Cette adresse email est invalide. Format requis : exemple@email.com" required>
		<div class="help-block with-errors"></div>
	</div>
	<div class="form-group">
		<label for="inputPassword" class="control-label">Mot de passe</label>
		<div class="form-inline row">
			<div class="form-group col-sm-6">
				<input type="password" data-toggle="validator" data-minlength="6" class="form-control" id="inputPassword" placeholder="Mot de passe" required>
				<div class="help-block">Au moins 6 lettres</div>
			</div>
			<div class="form-group col-sm-6">
				<input type="password" class="form-control" id="inputPasswordConfirm" data-match="#inputPassword" data-match-error="Le mot de passe ne correspond pas" placeholder="Confirmer le mot de passe" required>
				<div class="help-block with-errors"></div>
			</div>
		</div>
	</div>
	<div class="form-group">
		<p>Vous êtes...</p>
		<div class="radio">
			<label>
				<input type="radio" name="radioButton" required>
				Un homme
			</label>
		</div>
		<div class="radio">
			<label>
				<input type="radio" name="radioButton" required>
				une femme
			</label>
		</div>
		<div class="radio">
			<label>
				<input type="radio" name="radioButton" required>
				Autre
			</label>
		</div>
	</div>
	<div class="form-group">
		<div class="checkbox">
			<label>
				<input type="checkbox" id="terms" data-error="Vous devez accepter les conditions d'engagement" required>
				J'accepte les conditions d'engagement.
			</label>
			<div class="help-block with-errors"></div>
		</div>
	</div>
	<div class="form-group">
		<button type="submit" class="btn btn-primary">Valider</button>
	</div>
</form>

This snippet took 0.00 seconds to highlight.

Back to the Entry List or Home.

Delete this entry (admin only).