Forms
Formulários baseados no Bootstrap.
Para mais informações: https://getbootstrap.com/docs/4.0/components/forms/
Formulários baseados no Bootstrap.
Para mais informações: https://getbootstrap.com/docs/4.0/components/forms/
<div class="row justify-content-md-center">
<form class="col-md-12">
<div class="form-group">
<label class="required" for="inputText">Input text</label>
<input type="text" name="inputText" placeholder="Insira seu usuário" class="form-control">
</div>
<div class="form-group">
<label class="required" for="inputPassword">Input password</label>
<input type="password" name="inputPassword" placeholder="Insira sua senha" class="form-control">
</div>
<div class="form-group">
<label class="required" for="inputDisabled">Input disabled</label>
<input type="text" name="inputDisabled" placeholder="Insira sua senha" disabled class="form-control">
</div>
<div class="form-group">
<label class="required" for="inputDisabled">Select</label>
<select name="inputDisabled" class="form-control">
<option value="1">Opção 1</option>
<option value="2">Opção 2</option>
<option value="3">Opção 3</option>
</select>
</div>
<div class="form-group">
<label class="required">Radio inline</label>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
<label class="form-check-label" for="inlineRadio1">Opção 1</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
<label class="form-check-label" for="inlineRadio2">Opção2</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" disabled>
<label class="form-check-label" for="inlineRadio3">Opção 3 (disabled)</label>
</div>
</div>
<div class="form-group">
<label class="required">Check inline</label>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
<label class="form-check-label" for="inlineCheckbox1">Opção 1</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">Opção2</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3" disabled>
<label class="form-check-label" for="inlineCheckbox3">Opção 3 (disabled)</label>
</div>
</div>
<div class="form-group">
<label class="required">Mensagem</label>
<textarea placeholder="Insira uma mensagem" class="form-control"></textarea>
</div>
</form>
</div>