เมื่อเราเขียนหน้าลงทะเบียน ข้อมูลที่จำเป็นจะปรากฏ และข้อมูลเสริมจะถูกซ่อนไว้ หากผู้ใช้ต้องการกรอก สามารถคลิก "รายละเอียด"
คัดลอกรหัสรหัสดังต่อไปนี้:
<!-- รหัสต่อไปนี้ใช้จาวาสคริปต์เพื่อแสดงและซ่อนข้อมูล -->
<!DOCTYPE html>
<html>
<หัว>
<meta charset="UTF-8">
<title>ใส่ชื่อที่นี่</title>
<script type="text/javascript">
ฟังก์ชั่น $(idvalue){
กลับ document.getElementById(idvalue);
-
ฟังก์ชั่นแสดงข้อความ () {
if($('text').style.display == 'ไม่มี'){
$('text').style.display = '';
}อื่น{
$('text').style.display = 'ไม่มี';
-
-
</สคริปต์>
</หัว>
<ร่างกาย>
<div id="text" style="display:none;">นี่คือข้อมูลที่ซ่อนไว้</div>
<button id="morebtn" onclick="showtext();">รายละเอียด</button>
</ร่างกาย>
</html>