Ir ao conteúdo
  • Cadastre-se
adriano.eurich

Javascript Como armazenar os dados digitados nos campos para dentro do botão

Recommended Posts

<!DOCTYPE html>
<html>
<head>
	<title>teste</title>
	<!-- SCRIPTS -->
<link rel="stylesheet" href="estilo.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
</head>


</head>
<body>
	
    <h3><b>BIBLIOTECA CENTRAL<b /></h3>



    <form>

        <!-- Empréstimo de Socolas-->
        <fieldset>
            <legend>Empréstimo de Socola</legend>
            <table cellspacing="10">
                <tr>
                    <td>
                        <label for="nome">Nome: </label>
                    </td>
                    <td align="left">
                        <input type="text" name="Nome" size="30" maxlength="25">
                    </td>
                </tr>
				<tr>
                    <td>
                        <label for="carterinha">Carterinha: </label>
                    </td>
                    <td align="left">
                        <input type="text" name="carterinha" size="10" maxlength="25">
                    </td>
                </tr>
				<tr>
                    <td>
                        <label for="cpf">CPF: </label>
                    </td>
                    <td align="left">
                        <input type="text" name="cpf" size="10" maxlength="25">
                    </td>
                </tr>

                <textarea rows="2" cols="51" maxlength="80"></textarea>

                <tr>
                    <td>
                        <label for="txtDtaEmprestimo">Data Empréstimo:</label>
                    </td>
                    <td align="left">
                        <input type="text" name="txtDtaEmprestimo" class="txtDta">
                    </td>
                </tr>

  				<td>
  					<hr>
					<label for="cpf">Período: </label><br><br>
  					<input type="checkbox" name=mybox value="1">Manha<br>
  					<input type="checkbox" name=mybox value="2">Tarde<br>
  					<input type="checkbox" name=mybox value="3">Noite<br>
  				</td>

	<center>

					<table class="cpo1" border="0" cellpadding="2" cellspacing="2">

							<tr>
								<td class="sacola">01</td>
								<td class="sacola">02</td>
								<td	class="sacola">03</td>
								<td class="sacola">04</td>
								<td class="sacola">05</td>
								<td class="sacola">06</td>
								<td class="sacola">07</td>
								<td class="sacola">08</td>
								<td class="sacola">09</td>
								<td class="sacola">10</td>
								<td class="sacola">11</td>
								<td class="sacola">12</td>
							</tr>
						
							<tr>
								<td class="sacola">13</td>
								<td class="sacola">14</td>
								<td	class="sacola">15</td>
								<td class="sacola">16</td>
								<td class="sacola">17</td>
								<td class="sacola">18</td>
								<td class="sacola">19</td>
								<td class="sacola">20</td>
								<td class="sacola">21</td>
								<td class="sacola">22</td>
								<td class="sacola">23</td>
								<td class="sacola">24</td>
							</tr>

					</table>

					

					</table>

				</center>
				</fieldset>
        <input type="reset" value="Limpar">
 </form>


<script type="text/javascript">
        jQuery(function ($) {
            $.datepicker.regional['pt'] = {
                closeText: 'Fechar',
                prevText: 'Anterior',
                nextText: 'Seguinte',
                currentText: 'Hoje',
                monthNames: ['Janeiro', 'Fevereiro', 'Mar&ccedil;o', 'Abril', 'Maio', 'Junho',
                    'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
                monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun',
                    'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
                dayNames: ['Domingo', 'Segunda-feira', 'Ter&ccedil;a-feira', 'Quarta-feira', 'Quinta-feira', 'Sexta-feira', 'S&aacute;bado'],
                dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'S&aacute;b'],
                dayNamesMin: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'S&aacute;b'],
                weekHeader: 'Sem',
                dateFormat: 'dd/mm/yy',
                firstDay: 0,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''
            };
            $.datepicker.setDefaults($.datepicker.regional['pt']);
            $('.txtDta').datepicker({ locale: 'pt-br' });
        });
    </script>


</body>
</html>



body {
    background-color: #0489B1;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin:0px;
    font-size:0.7em;
}

.sacola:link {
    color: #999;
    text-decoration: none;
}
.sacola:visited {
    text-decoration: none;
}
.sacola:hover {
    background: #A9E2F3;
    color: #000000;
    font-weight: bold;
    border-color: #0404B4;
}
.sacola:active{
    background: #B40404;
    color: #FFF;
    font-weight: bold;
    border-color: #0404B4;
   
}

.sacola {
    background: -webkit-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
    background: -moz-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
    background: -o-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
    background: -ms-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
    background: linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
    border: 1px solid #CCCCCE;
    border-radius: 3px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .3),
                0 2px 7px rgba(0, 0, 0, 0.2);
    height: 40px;
    width: 40px;
    cursor:pointer;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-indent: 12px;
}

 

Nova pasta.rar

Compartilhar este post


Link para o post
Compartilhar em outros sites

@adriano.eurich O que exatamente você tem duvida?  Você não explicou nada no tópico, apenas um código. O título também não é muito claro.

 

Você quer armazenar os dados do formulário onde? Banco de dados? Arquivo de texto? 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×