Ao escrevermos a página de cadastro, as informações obrigatórias ficam visíveis e as informações opcionais ficam ocultas. Caso o usuário queira preenchê-las, pode clicar em “Detalhes”.
Copie o código do código da seguinte forma:
<!-- O código a seguir usa javascript para exibir e ocultar informações -->
<!DOCTYPEhtml>
<html>
<cabeça>
<meta charset="UTF-8">
<title>Insira o título aqui</title>
<script type="texto/javascript">
função $(idvalor){
retornar document.getElementById(idvalor);
}
função mostrartexto(){
if($('text').style.display == 'none'){
$('texto').style.display = '';
}outro{
$('texto').style.display = 'nenhum';
}
}
</script>
</head>
<corpo>
<div id="text" style="display:none;">Aqui estão as informações ocultas</div>
<button id="morebtn" onclick="showtext();">Detalhes</button>
</body>
</html>