我們在寫註冊頁面的時候，必填資訊是可見的，可選資訊是隱藏的，如果使用者希望填寫，可以點擊「詳細資料」。
複製代碼代碼如下:
<!-- 下列程式碼透過javascript實現資訊的顯示與隱藏-->
<!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;">這裡是隱藏訊息</div>
<button id="morebtn" onclick="showtext();">詳細資訊</button>
</body>
</html>