Wenn wir die Registrierungsseite schreiben, sind die erforderlichen Informationen sichtbar und die optionalen Informationen ausgeblendet. Wenn der Benutzer sie ausfüllen möchte, kann er auf „Details“ klicken.
Kopieren Sie den Codecode wie folgt:
<!-- Der folgende Code verwendet Javascript, um Informationen anzuzeigen und auszublenden -->
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<title>Titel hier einfügen</title>
<script type="text/javascript">
Funktion $(idvalue){
return document.getElementById(idvalue);
}
Funktion showtext(){
if($('text').style.display == 'none'){
$('text').style.display = '';
}anders{
$('text').style.display = 'none';
}
}
</script>
</head>
<Körper>
<div id="text" style="display:none;">Hier sind die versteckten Informationen</div>
<button id="morebtn" onclick="showtext();">Details</button>
</body>
</html>