Javascript implements the display and hiding of information such as the registration page
When we write the registration page, the required information is visible, the optional information is hidden, if the user wants to fill in, you can click “details”.
<!-- The following code is passed javascript Implement the display and hiding of information -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function $(idvalue){
return document.getElementById(idvalue);
}
function showtext(){
if($('text').style.display == 'none'){
$('text').style.display = '';
}else{
$('text').style.display = 'none';
}
}
</script>
</head>
<body>
<div id="text" style="display:none;"> Here is the hidden information </div>
<button id="morebtn" onclick="showtext();"> The detailed information </button>
</body>
</html>