Skip to content

Instantly share code, notes, and snippets.

@LucasAsafe
Created April 10, 2019 12:26
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save LucasAsafe/0a4816aa20c3b588d4c261e75a3063f9 to your computer and use it in GitHub Desktop.
Save LucasAsafe/0a4816aa20c3b588d4c261e75a3063f9 to your computer and use it in GitHub Desktop.
Form de cadastro padrão bootstrap - Nome, sobrenome, email, senha, endereço, complemento, cidade, cep e estado com select de todos os estados do Brasil
<form action="pastadestino.php" method="POST">
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputName">Nome</label>
<input type="text" id="inputName" class="form-control" placeholder="John" required>
</div>
<div class="form-group col-md-6">
<label for="inputSurname">Sobrenome</label>
<input type="text" class="form-control" id="inputSurname" placeholder="Doe" required>
</div>
<div class="form-group col-md-6">
<label for="inputEmail4">Email</label>
<input type="email" class="form-control" id="inputEmail4" placeholder="doejohnn@email.com" required>
</div>
<div class="form-group col-md-6">
<label for="inputPassword4">Senha</label>
<input type="password" class="form-control" id="inputPassword4" placeholder="123@abc" required>
</div>
</div>
<div class="form-group">
<label for="inputAddress">Endereço</label>
<input type="text" class="form-control" id="inputAddress" placeholder="Av Vinicius de Morais, 25" required>
</div>
<div class="form-group">
<label for="inputAddress2">Complemento</label>
<input type="text" class="form-control" id="inputAddress2" placeholder="Apartamento, casa, sítio...">
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputCity">Cidade</label>
<input type="text" class="form-control" id="inputCity" required>
</div>
<div class="form-group col-md-2">
<label for="inputZip">Zip</label>
<input type="text" class="form-control" id="inputZip" required>
</div>
<div class="form-group col-md-4">
<label for="inputState">Estado</label>
<select id="inputState" class="form-control" required>
<option selected hidden>Escolha...</option>
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espírito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MT">Mato Grosso</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP">São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
</select>
</div>
</div>
<button type="submit" class="btn btn-primary">Enviar</button>
</form>
@Luan30cMendes
Copy link

tretertret

@davitgouveia
Copy link

Muito obrigado, salvou um tempo aqui

@Lcamargodasilva
Copy link

Obrigado, me economizou um tempão 😄

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment