Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Mauricio Macedo

Imprimir campos

Por , em Javascript

Recommended Posts

Mauricio Macedo    0

Mauricio Macedo
Postado

Boa noite, estou desenvolvendo um sistema de OS básico sem BD, nele contem alguns campos do cliente que serão preenchidos, e ao final um botão imprimir, na visualização o layout ta alinhado como desejo, porem quando clico no botão imprimir ele abre uma janela de impressão e o layout de um campo fica fora, como posso resolver?

Codigo:

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Página Administrativa">
<meta name="author" content="Cesar">
<link rel="icon" href="imagens/favicon.ico">
<title>Cadastro OS</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
<link href="css/theme.css" rel="stylesheet">
<link href="css/caixa.css" rel="stylesheet">
<script src="js/ie-emulation-modes-warning.js"></script>
</head>
<body role="document">
<div class="container theme-showcase" role="main">
<div class="page-header">
<h1></h1>
</div>
<center><h3>Dados do cliente:</h3></center>
<div class="row">
<div class="col-md-12">
<form class="form-horizontal">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Cliente</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="nome" placeholder="Nome Completo">
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Endereço</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="endereço" placeholder="Digite o endereço">
</div>
</div>
<div class="form-group">
<label for="number" type="number" class="col-sm-2 control-label">Telefone</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="telefone" placeholder="Digite o telefone">
</div>
</div>
<div id="caixa">
<div class="form-group">
<label for="comment">Descrição</label>
<textarea class="form-control col-sm-1" rows="10" id="comment"></textarea>
</div>
</div>
<div class="form-group" inline="block">
<div class="col-sm-offset-2 col-sm-10">
<input type="reset" class="btn btn-success" value="Nova OS"></button> <button type="submit" class="btn btn-primary" onclick="window.print()">Imprimir</button>
</div>
</div>
</form>
</div>
</div>
</div> <!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito