Preciso fazer um formulário para impressão que poderia ser digitado no navegador ou impresso para escrita.
Como pode ser escrito na folha impressa, preciso de um estino na textarea que desenhe as linhas como se fosse um caderno. Preciso desse modelo:
body {
width: 670px;
margin-left: 20px;
margin-right: 20px;
margin-left: auto;
margin-right: auto;
}
input {
border-color: #ffffff #ffffff #000000;
border-style: solid solid dotted;
border-width: 0 0 1px;
font-size: 11pt;
font-weight: bold;
}
table {
width: 100%;
}
.td_linha {
display: table;
width: 100%;
}
.label_campo{
display: table-cell;
width: 1%;
}
.input_linha{
display: table-cell;
width: 100%;
}
<html>
<head>
<title>declaracao</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>DECLARAÇÃO</h1>
<table>
<tr>
<td colspan="2" class="td_linha">
<label class="label_campo">Eu,</label>
<input class="input_linha">
</td>
</tr>
<tr>
<td>
<label>RG</label> <input id="rg">
<label>,CPF</label> <input id="cpf">
</td>
</tr>
<tr>
<td colspan="2" class="td_linha">
<label class="label_campo">Residente</label>
<input class="input_linha">
</td>
</tr>
<tr>
<td>
<label>CEP</label> <input id="cep">
</td>
</tr>
</table>
<p>DECLARO, perante o Instituto </p>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
_____________________________________________________________<br/>
<p>Declaro, outrossim, estar ciente de que, se em qualquer época, ficar
comprovado a inexatidão destas declarações, estarei incurso nos artigos
171 e 299 do Código Penal.</p>
São Paulo, ______ de __________________ de __________.<br/>
_______________________________________________<br/>
<hr/>
</body>
</html>
Até agora o que fiz foi o formulário acima, mas preciso substituir as linhas pelo textarea para ser preenchível.