Skip to content

F
front-ntflix
Commit 97889411 authored by Daniela Olinda Catarina's avatar Daniela Olinda Catarina
Browse files
Options

atualização de formulario

parent 143c4243
Show whitespace changes
Inline Side-by-side
Showing with 113 additions and 52 deletions
package-lock.json
View file @ 97889411
......@@ -16,7 +16,7 @@
"babel-loader": "^7.1.2",
"babel-preset-env": "^1.6.0",
"babel-preset-stage-3": "^6.24.1",
"cross-env": "^5.0.5",
"cross-env": "^5.2.1",
"css-loader": "^0.28.7",
"file-loader": "^1.1.4",
"vue-loader": "^13.0.5",
......
package.json
View file @ 97889411
......@@ -22,7 +22,7 @@
"babel-loader": "^7.1.2",
"babel-preset-env": "^1.6.0",
"babel-preset-stage-3": "^6.24.1",
"cross-env": "^5.0.5",
"cross-env": "^5.2.1",
"css-loader": "^0.28.7",
"file-loader": "^1.1.4",
"vue-loader": "^13.0.5",
......
src/App.vue
View file @ 97889411
......@@ -192,7 +192,7 @@
</fieldset>
</div>
<div class="Menu">
<div class="cadastro">
<h1>Cadastro </h1>
......@@ -200,54 +200,35 @@
<fieldset>
<legend>Dados Pessoais</legend>
<table cellspacing="10">
<tr>
<label for="nome">Seu Nome:</label>
<input type="text" id="nome" name="nome" placeholder="Digite seu nome*" required>
<label for="nome">Sobrenome:</label>
<input type="text" id="nome" name="nome" placeholder="Digite seu sobrenome*" required>
<br><br>
</tr>
<tr>
<td>
<label for="nome">Nome: </label>
</td>
<td align="left">
<input type="text" name="nome">
</td>
<td>
<label for="sobrenome">Sobrenome: </label>
</td>
<td align="left">
<input type="text" name="sobrenome">
</td>
<td>
<label for="sobrenome">Sexo: </label>
Data de nascimento: <input type="datetime-local" name="bdaytime">
</td>
</tr>
<td>
Sexo:
<select name="sexo">
<option value="ac">Masculino</option>
<option value="al">Feminino</option>
<option value="am">Prefiro não informar</option>
</select>
</td>
</tr>
<tr>
<td>
<label>Nascimento: </label>
</td>
<td align="left">
<input type="text" name="dia" size="2" maxlength="2" value="dd">
<input type="text" name="mes" size="2" maxlength="2" value="mm">
<input type="text" name="ano" size="4" maxlength="4" value="aaaa">
</td>
</tr>
<tr>
<td>
<label for="rg">E-mail: </label>
</td>
<td align="left">
<input type="text" name="rg" size="13" maxlength="13">
</td>
<label for="email">Seu E-Mail:</label>
<input type="email" id="email" name="email" placeholder="Digite seu E-Mail*" required>
</tr>
<tr>
<td>
<label>CPF:</label>
</td>
<td align="left">
<input type="text" name="cpf" size="9" maxlength="9"> - <input type="text" name="cpf2" size="2" maxlength="2">
<td >
CPF <input type="text" name="cpf" size="9" maxlength="9"> - <input type="text" name="cpf2" size="2" maxlength="2">
</td>
</tr>
</table>
......@@ -339,17 +320,97 @@
<!--Dados de Pagamento-->
<fieldset>
<h3>Escolha seu meio de Pagamento</h3>
<div class="input-group">
Dados de Pagamento :
Cartão <input type="text" class="from-input" placeholder=""><br><br>
Boleto <input type="text" class="from-input" placeholder=" "><br><br>
PIX <input type="text" class="from-input" placeholder=""><br><br>
<button class="btn btn-primary input-group-btn">Confirma</button>
</div>
<div class="cartao"> <!--Dados de cartão-->
<!--modo de pagamento-->
<div class="modo-pagamento">Modo de Pagamento
<h3>cartão</h3>
<fieldset>
<legend>
Pagamento em Cartão:
</legend>
<form>
Debito:
<input type="radio" checked
name="Sex" value="male">
<br>
Credito:
<input type="radio"
name="Sex" value="female">
</form><br>
<div class="input-group-cartao">
Dados de Cartão : <br>
numero cartão<br>
<input type="text" class="from-input" placeholder=""><br>
<br> Expiração:
<select>
<option value="mes">Mês</option>
<option value="jan">Janeiro</option>
<option value="fev">Fevereiro</option>
<option value="mar">Março</option>
<option value="abr">Abril</option>
<option value="mai">Maio</option>
<option value="jun">Junho</option>
<option value="jul">Julho</option>
<option value="ago">Agosto</option>
<option value="Sept">Setembro</option>
<option value="out">Outubro</option>
<option value="nov">Novembro</option>
<option value="dev">Dezembro</option>
</select>
<select>
<option value="ano">Ano</option>
<option value="ano">2015</option>
<option value="ano">2016</option>
<option value="ano">2017</option>
<option value="ano">2018</option>
<option value="ano">2019</option>
<option value="ano">2020</option>
<option value="ano">2021</option>
<option value="ano">2022</option>
<option value="ano">2023</option>
<option value="ano">2024</option>
<option value="ano">2025</option>
<option value="ano">2026</option>
<option value="ano">2027</option>
<option value="ano">2028</option>
<option value="ano">2029</option>
<option value="ano">2030</option>
</select><br>
<br> CVV
<input type="text" class="from-input" placeholder=""><br>
<br> Nome Titular:
<input type="text" class="from-input" placeholder=""><br>
</div><!--fim Dados de cartão-->
</fieldset>
<fieldset>
<legend>
Boleto:
</legend>
<form>
Banco <input type="text" size="12">
Ag <input type="text" size="3">
</form>
</fieldset>
<fieldset>
<legend>
PIX:
</legend>
<form>
Chave Pix <input type="text" size="15">
</form>
</fieldset>
</div><!-- fim modo de pagamento-->
<br>
</div>
<button class="btn btn-primary input-group-btn">Confirma</button>
</fieldset>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment