JS實現信息的顯示和隱藏
2022-09-18 分類： 網站建設
我們在寫注冊頁面的時候，必填信息是可見的，可選信息是隱藏的，如果用戶希望填寫，可以單擊“詳細信息”。
代碼如下：
<!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>
分享題目：JS實現信息的顯示和隱藏
本文路徑：http://www.js-pz168.com/news19/196169.html
成都網站建設公司_創新互聯，為您提供手機網站建設、網站設計、虛擬主機、微信公眾號、網站制作、網站導航
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 網頁視覺設計原則的重要性 2022-09-18
- SEO的排名效果真的可以自行控制嗎？ 2022-09-18
- 網站優化要注意的8個基本常識 2022-09-18
- 企業網站在什么情況下需要考慮重新改版? 2022-09-18
- 上海建網站分析走過15個年頭的自助建站行業 2022-09-18
- 如何增加外部鏈接與內部鏈接 2022-09-18
- 如何策劃一個致勝無敵的企業網站 2022-09-18
- 從本人建站經歷談談新手入行注意事項 2022-09-18
- 網絡推廣對傳統營銷的影響和重要性 2022-09-18
- 關鍵詞的密度對網站優化有作用嗎？ 2022-09-18
- 企業搭建多用戶商城系統的優勢有哪些呢 2022-09-18
- 25種方式給你的網站添加優質內容 2022-09-18
- 未來12個月網絡營銷人員提高網站轉化的優先考慮 2022-09-18
- 【外鏈為皇】與【外鏈為后】之爭 2022-09-18
- 新手不得不知道的網站建設內幕 2022-09-18
- 如何降低網站改版過程中對網站的影響 2022-09-18
- 上海網站建設時選擇哪種域名后綴權重高？ 2022-09-18
- 談如何優化網站內頁 2022-09-18
- 檢查網站在搜索引擎上是否友好 2022-09-18