HTML標籤 innerHTML的使用

在HTML中有很多標籤可以提供我們來設置HTML屬性,innerHTML就是其中之一

比如如下QQ註冊提示:

工具/原料

筆記本

方法/步驟

1.如果我們寫好了一個用於註冊表單,一般會使用彈出框來告訴用戶是否註冊成功,但這種方式難免會讓用戶反感,各種彈出框,各種控制,最好的辦法還是通過innerHTML來給他顯示一段文字,給用戶一種舒適的感覺。

學習後成品如下圖:

顯示效果如下圖:

寫一個簡單的HTML頁面就可以解決,代碼如下:

<html></head><script>function inter(){     var inter = document.getElementById("inner");    if(inter.innerHTML==""){        inter.innerHTML="顯示的文字";    }else        inter.innerHTML=""}</script></head><body><input type="button" value="點擊添加文字" onclick="inter()"><div id='inner'></div></body></html>

點擊就可以添加你想要的文字。再次點擊就會消失,文字排序可能比較亂,下面是截圖,沒有把js分出HTML,主要是本人怕麻煩,嘿嘿,用於學習

知識在於分享,予人玫瑰手留余香。

注意事項

直接複製就可以使用,親測可行

相關文章

  1. 淘寶商品新品標籤怎麼加入

    淘寶新品標籤會給與商品一定量的加權,在搜尋頁也會給與分區.那麼淘寶商品新品標籤怎麼加入?下文詳細講述. 方法/步驟 新品標籤目前開放的類目有:女裝/女士精品.男裝.箱包皮具/熱銷女包/男包.女鞋.女士 ...
  2. qq群標籤如何設置?

    qq群設置下標籤,可以讓搜尋或是要加入朋友能大致了解該群是幹嘛的,那麼qq群標籤如何設置?具體請看下方介紹: 工具/原料 電腦 方法/步驟 首先打開QQ軟體,登陸個人的帳號. 登陸後,打開qq主面板, ...
  3. 在IE中為abbr標籤加樣式

    教程:在IE中為abbr標籤加樣式 <abbr>是用來為web頁面上的簡稱(譯者注:這裡把簡稱和縮寫分開而論,簡稱範圍比縮寫大,取首字母的縮寫用<acronym>標籤)添加適當 ...
  4. 商品貼正品防偽二維碼防偽標籤有什麼用?

    二維碼防偽標籤不只給物品提高了品牌的形象,還給消費者查詢真偽時提供了便利,有效打擊造假分子.那麼除了這個商品貼正品防偽二維碼防偽標籤有什麼用呢? 工具/原料 正品防偽標籤 防偽技術 方法/步驟 二維碼 ...
  5. 衣櫃空間不夠易拉罐標籤可以幫助多加一層衣架

    如果為衣櫃空間不夠煩惱,這裡有個小技巧. 工具/原料 衣架 廢棄易拉罐 螺絲刀 最好有砂紙沒有也可以省略一部 方法/步驟 衣架家裡都有,我是我了示範準備幾個. 喝完的飲料罐,啤酒罐,只要有拉手的都可以 ...
  6. 怎樣選擇合適的標籤紙

    標籤紙即不乾膠紙,標籤紙的種類及用途詳細介紹:1.銅盤紙,有格拉辛底銅版紙.黃底銅版紙.進口銅版紙等,這種標籤紙有啞面.普光.亮光之分,不防水.不防油.可撕破, 一般用於外箱標貼.物價標貼.資產管理記 ...
  7. BarTender標籤製作案例之物料標示單

    本文給大家分享一個物料標籤製作案例--物料標示單.物料標示單大體上包括如下內容:物料名稱.料號.規格.生產(供應商單位).數量.生產批次.生產(入庫日期).有效期限.檢驗人員.入庫(保管員)等等. 工 ...
  8. dede動態模板引擎製作標籤插件

    dede動態模板引擎製作標籤插件 工具/原料 dedecms系統 方法/步驟 最近在使用dede二次開發時發現,不論是dedetag.class.php      . datalistcp.class ...
  9. nice如何加標籤 / nice如何發動態照片

    nice是一款新推出的移動客戶端上面的社交軟體,我們可以通過這款軟體發布自己的照片,並且在發布照片前可以給照片添加個性標記,比如標籤.地點等內容,下面小編就介紹一下添加標籤和發動態的方法. 工具/原料 ...
  10. 怎樣設置QQ群的成員標籤頭銜

    現在的QQ群有新的功能了--設置QQ群成員的頭銜.那要怎樣設置QQ群的成員標籤頭銜呢?現在就來教你. 工具/原料 電腦.QQ群設置權限 方法/步驟 你要有QQ群的設置權限,一般是群主和管理員才可以操作 ...
  11. dedecms首頁如何調用帶連結的tag標籤

    很多網站的首頁調用的TAG關鍵詞是帶超連結,利於蜘蛛搜尋抓取,又有利於用戶點擊,那在dedecms的網站上如果實現呢?下面介紹方法. 織夢dedecms首頁如何調用帶連結的tag標籤: {dede:t ...
  12. 怎樣給你的桌子做一個標籤

    桌子也是自己的私有地盤,特別是在一個大公司里,來來往往的人,今天教大家做一個簡單的姓名標籤貼在桌子上 工具/原料 白紙 彩筆 方法/步驟 找一張白紙或者卡片作為標籤的原材料 裁剪成大小適中的尺寸,不要 ...
  13. excel錄製宏(移動工作表標籤)的操作演示

    excel錄製宏(移動工作表標籤)的操作演示 第一.二步驟是開始錄製宏的操作 第三.四.五.六步驟是錄製的過程 第七.八步驟是查看已經錄製宏的操作 錄製新宏的快捷鍵是alt+t+r  查看宏的快捷鍵是 ...
  14. HTML標籤中table如何跨行跨列

    HTML中文譯:超文本標記語言.其中標籤table,曾經非常流行於網頁的布局,而當今主要用於後台頁面製作,或者編寫數據堆積的表格.小編在這裡要為大家分享table標籤的使用及其如何跨行跨列. 工具/原 ...
  15. 手機微信標籤在朋友圈中的使用方法

    很多夥伴在發朋友圈的時候只想讓自己的想要看到的夥伴看到,不知道該怎麼來做了.今天教大家一下該怎麼來玩,希望能幫助到大家. 工具/原料 智慧型手機 微信6.0 方法/步驟 首先,打開自己的微信,點擊通訊錄 ...
  16. 科訊CMS V9標籤清單

    全新整理V9標籤清單 ====================網站通用標籤============== {$GetSiteTitle}顯示網站標題 {$GetSiteName}顯示網站名稱 {$Get ...
  17. 如何給微信好友添加標籤?

    隨著微信的興起,越來越多人開始用微信了,微信成為了人們交流的主要工具.但是,隨著微信好友的增多,很多人不知道如何管理微信好友,如何給自己的微信好友添加標籤,下面,小編就為大家介紹一下吧. 工具/原料 ...
  18. 怎樣給經驗填寫標籤

    在升級任務小藍本時會遇到這樣一項任務,"為經驗填寫標籤",我們應該怎樣給經驗填寫標籤呢?以下是我的實際操作 工具/原料 電腦 方法/步驟 登錄,點擊"我的經驗" ...
  19. 如何實現自定義標籤

    一般我們說自定義標籤是指JSP自定義標籤.自定義標籤在功能上邏輯上與javaBean 類似,都封裝Java 代碼.自定義標籤是可重用的組件代碼,並且允許開發人員為複雜的操作提供邏輯名稱. JSP開發人 ...
  20. SEO基礎教程:SEO不可不知的三大標籤

    標題標籤:標題標籤在HRML代碼里為:TITLE.標題標籤是在告訴瀏覽者這個頁面的標題是什麼,比如www.51php.com 的標題標籤為: <title>PHP空間_PHP虛擬主機_香港 ...