Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá galera, sou bem iniciante em html, porém de pouco em pouco tô tentando aprender. Queria fazer uma espécie de checkout para uma loja que estou fazendo, e pra isso usei uma base de formulário para fazer isso, pois o Mercado Pago não salva seus dados de endereço, então achei melhor fazer uma página de checkout para isso. Com ajuda de um gerador que encontrei fuçando na net, consegui o código que colocarei abaixo, porém no mesmo site do gerador, não oferece o botão de enviar. Queria saber como faço para enviar o formulário para meu e-mail ou outro lugar e após isso redirecionar o comprador para o Mercado Pago para efetuar o pagamento, desde já fico agradecido !!!
Código abaixo:
<form class="form-horizontal">
<fieldset>
<!-- Form Name -->
<legend>Checkout</legend>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="Nome ">Nome</label>
<div class="col-md-4">
<input id="Nome " name="Nome " type="text" placeholder="Seu nome" class="form-control input-md">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="Sobrenome">Sobrenome</label>
<div class="col-md-4">
<input id="Sobrenome" name="Sobrenome" type="text" placeholder="Seu sobrenome" class="form-control input-md">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="Endereço">Endereço</label>
<div class="col-md-4">
<input id="Endereço" name="Endereço" type="text" placeholder="Primeira linha do endereço" class="form-control input-md">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="Endereço2">Nº, Complemento...</label>
<div class="col-md-4">
<input id="Endereço2" name="Endereço2" type="text" placeholder="Informações adicionais do endereço" class="form-control input-md">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="Cidade">Cidade</label>
<div class="col-md-4">
<input id="Cidade" name="Cidade" type="text" placeholder="Sua cidade" class="form-control input-md">
</div>
</div>
<!-- Multiple Checkboxes (inline) -->
<div class="form-group">
<label class="col-md-4 control-label" for="Estado">Estado</label>
<div class="col-md-4">
<label class="checkbox-inline" for="Estado-0">
<input type="checkbox" name="Estado" id="Estado-0" value="AC">
AC
</label>
<label class="checkbox-inline" for="Estado-1">
<input type="checkbox" name="Estado" id="Estado-1" value="AL">
AL
</label>
<label class="checkbox-inline" for="Estado-2">
<input type="checkbox" name="Estado" id="Estado-2" value="AP">
AP
</label>
<label class="checkbox-inline" for="Estado-3">
<input type="checkbox" name="Estado" id="Estado-3" value="AM">
AM
</label>
<label class="checkbox-inline" for="Estado-4">
<input type="checkbox" name="Estado" id="Estado-4" value="BA">
BA
</label>
<label class="checkbox-inline" for="Estado-5">
<input type="checkbox" name="Estado" id="Estado-5" value="CE">
CE
</label>
<label class="checkbox-inline" for="Estado-6">
<input type="checkbox" name="Estado" id="Estado-6" value="DF">
DF
</label>
<label class="checkbox-inline" for="Estado-7">
<input type="checkbox" name="Estado" id="Estado-7" value="ES">
ES
</label>
<label class="checkbox-inline" for="Estado-8">
<input type="checkbox" name="Estado" id="Estado-8" value="GO">
GO
</label>
<label class="checkbox-inline" for="Estado-9">
<input type="checkbox" name="Estado" id="Estado-9" value="MA">
MA
</label>
<label class="checkbox-inline" for="Estado-10">
<input type="checkbox" name="Estado" id="Estado-10" value="MT">
MT
</label>
<label class="checkbox-inline" for="Estado-11">
<input type="checkbox" name="Estado" id="Estado-11" value="MS">
MS
</label>
<label class="checkbox-inline" for="Estado-12">
<input type="checkbox" name="Estado" id="Estado-12" value="MG">
MG
</label>
<label class="checkbox-inline" for="Estado-13">
<input type="checkbox" name="Estado" id="Estado-13" value="PA">
PA
</label>
<label class="checkbox-inline" for="Estado-14">
<input type="checkbox" name="Estado" id="Estado-14" value="PB">
PB
</label>
<label class="checkbox-inline" for="Estado-15">
<input type="checkbox" name="Estado" id="Estado-15" value="PR">
PR
</label>
<label class="checkbox-inline" for="Estado-16">
<input type="checkbox" name="Estado" id="Estado-16" value="PE">
PE
</label>
<label class="checkbox-inline" for="Estado-17">
<input type="checkbox" name="Estado" id="Estado-17" value="PI">
PI
</label>
<label class="checkbox-inline" for="Estado-18">
<input type="checkbox" name="Estado" id="Estado-18" value="RJ">
RJ
</label>
<label class="checkbox-inline" for="Estado-19">
<input type="checkbox" name="Estado" id="Estado-19" value="RN">
RN
</label>
<label class="checkbox-inline" for="Estado-20">
<input type="checkbox" name="Estado" id="Estado-20" value="RS">
RS
</label>
<label class="checkbox-inline" for="Estado-21">
<input type="checkbox" name="Estado" id="Estado-21" value="RO">
RO
</label>
<label class="checkbox-inline" for="Estado-22">
<input type="checkbox" name="Estado" id="Estado-22" value="RR">
RR
</label>
<label class="checkbox-inline" for="Estado-23">
<input type="checkbox" name="Estado" id="Estado-23" value="SC">
SC
</label>
<label class="checkbox-inline" for="Estado-24">
<input type="checkbox" name="Estado" id="Estado-24" value="SP">
SP
</label>
<label class="checkbox-inline" for="Estado-25">
<input type="checkbox" name="Estado" id="Estado-25" value="SC">
SC
</label>
<label class="checkbox-inline" for="Estado-26">
<input type="checkbox" name="Estado" id="Estado-26" value="SE">
SE
</label>
<label class="checkbox-inline" for="Estado-27">
<input type="checkbox" name="Estado" id="Estado-27" value="TO">
TO
</label>
</div>
</div>
</fieldset>
</form>Carregando comentários...