熱門Ptt文章

[爆卦]html輸入框是什麼？優點缺點精華區懶人包

雖然這篇html輸入框鄉民發文沒有被收入到精華區：在html輸入框這個話題中，我們另外找到其它相關的精選爆讚文章

在 html輸入框產品中有3篇Facebook貼文，粉絲數超過2萬的網紅紀老師程式教學網，也在其Facebook貼文中提到， [範例] 以 CSS 與 JavaScript 做出 3D 視差（Parallax）效果的立體邊框 這篇文章示範了如何利用 CSS 與 JavaScript 做出 3D 視差效果，並用此效果呈現出立體邊框。如果您想要讓自己的輸入框被使用者「更加」注意到的話，不妨用這招試試看： http://cs...

　同時也有1部Youtube影片，追蹤數超過7萬的網紅電腦學習園地，也在其Youtube影片中提到，◆支持電腦學習園地 加入YouTube會員→https://pros.is/joinnow ✅購買完整課程內容 https://shopee.tw/alyoou 動態輸入的功能, 就是隨滑鼠位置提供的數據輸入框，替代在命令行中的輸入，比如要在命令行輸入命令或者數據，滑鼠指針旁邊會出現一個編輯輸入...

「html輸入框」的推薦目錄
  • 紀老師程式教學網

    html輸入框 在 紀老師程式教學網 Facebook 的精選貼文

    2013-05-08 08:40:01
    有 13 人按讚

    [範例] 以 CSS 與 JavaScript 做出 3D 視差（Parallax）效果的立體邊框

    這篇文章示範了如何利用 CSS 與 JavaScript 做出 3D 視差效果，並用此效果呈現出立體邊框。如果您想要讓自己的輸入框被使用者「更加」注意到的話，不妨用這招試試看：

    http://css-tricks.com/3d-inset-parallax-effect/

    ---
    歡迎加入 Google+ 「紀老師網頁程式設計」私密社團，完全免費！盡情學習 HTML、CSS、與 JavaScript：
    （更多資源、更快速的分享、更專注的主題、更多樣的活動）
    https://plus.google.com/communities/100793154849235819235
    （申請制，點擊後請靜待至多 24 小時審核）

  • 紀老師程式教學網

    html輸入框 在 紀老師程式教學網 Facebook 的精選貼文

    2013-04-30 10:00:00
    有 3 人按讚

    [WebTech #15] HTML > 3. 標籤學習 > 3-3 表單製作

    所謂表單，就是一塊可以讓使用者輸入資訊的網頁空間。常見的表單視覺元件包括：輸入框、下拉式功能表...等。本文針對 HTML5 的表單製作，做一個精確的說明，喜愛的朋友不可錯過喔！

    http://www.ibm.com/developerworks/cn/web/wa-html5fundamentals2/

  • 紀老師程式教學網

    html輸入框 在 紀老師程式教學網 Facebook 的精選貼文

    2013-04-21 12:30:00
    有 20 人按讚

    寫好的網頁要測試...到底要測試哪些東西？

    相信您聽過不只一個人說「測試乃品質之母」。很可惜的是，國內的網頁設計師要不就是知道但懶得測，要不就是根本不知道要測什麼。這篇文章特別把一個網站到底要測試哪些東西，非常詳細地列出來。很值得網頁設計師與專案經理參考喔！

    一個做好的網站，應該測試下列項目：

    1. 功能性測試（Functionality Test）
    1-1. 測試所有連結：包含外連、內連、同頁連結、E-mail 連結、有無「孤兒頁面」（完全沒有連結可以抵達該頁的頁面）等。
    1-2. 測試所有表單：所有輸入框是否會驗證輸入值正確與否（如：年齡輸入『負數』就不對了）、是否有預設值...等。
    1-3. 測試所有 Cookie：瀏覽器關閉或打開 Cookie 時運作是否如預期、Cookie 寫入時是否加密、使用者可否繞過 Cookie 進入系統區等。
    1-4. 測試 HTML/CSS 語法是否合法正確。
    1-5. 測試資料庫：新增、修改、刪除、搜尋您的資料庫，看看功能是否正常。

    2. 易用度測試（Usability Test）
    2-1. 瀏覽順暢度：各種導覽列、側邊欄功能是否正常？所有功能是否平均按三個鍵即可抵達該頁面？
    2-2. 內容易讀性：內容是否有錯字？有沒有配色不當導致文字不易讀取？字體、圖片大小是否適中？
    2-3. 其它易用度：是否有「搜尋」、「網站導覽地圖」、「使用手冊」等。

    3. 程式介面測試（Interface Test）
    3-1. 網站的程式介面：網站伺服器與其他伺服器（如：資料庫伺服器）之間的介面等。
    3-2. 測試項目：是否伺服器間函數呼叫都正常運作？伺服器發出錯誤訊息會不會赤裸裸地顯示給使用者看？有無預防意外情況（如：另一個伺服器無回應）？

    4. 相容性測試（Compatibility Test）
    4-1. 瀏覽器相容性測試：用 IE、Firefox、Chrome、Safari 四大瀏覽器看看您所有的頁面正常否？
    4-2. 作業系統相容性測試：在 Windows、Mac、Linux 三大作業系統瀏覽您的網站正常否？
    4-3. 移動式設備瀏覽測試：使用 iOS (iPhone/iPad）、Android 瀏覽您的網站正常否？
    4-4. 列印相容性測試：若支援列印功能，用 HP、Epson 兩大廠牌的印表機印印看正常否？

    5. 效能測試（Performance Test）
    5-1. 負載測試（Load Testing）：測試同一頁面可以讓多少人同時存取。
    5-2. 壓力測試（Stress Testing）：測試系統超過負荷時，何時會崩潰？以及是否有能力從崩潰中回復？
    5-3. 建議使用 jMeter 這套軟體做效能測試。

    6. 安全性測試（Security Test）
    6-1. 在不登入的情況下，直接輸入所有會員頁面的 URL，是否無法進入？
    6-2. 用一般方法登入，是否有 htt://您的網址/?ID=123 這類 URL 出現？將 ID=123 手工改成 ID=124 是否可不輸密碼登入？
    6-3. 故意在登入頁面輸入非法的 Username、Password，網站的反應是否如預期？
    6-4. 直接輸入網站內的每個已存在目錄，如： http://網址/images，不應該把整個目錄內的檔案全數列出。
    6-5. 是否有驗證文字的輸入框（CAPTCHA），防止駭客用「非人類」（即：程式碼）做登入動作？
    6-6. 所有與安全相關的動作（權限修改、登入登出、登入失敗次數與 IP...），是否都有寫入「日誌（Log）」中？

    如果您有哪一點看不懂，歡迎您留言討論。原文網址在此，供您參考：

    http://www.codeforest.net/web-application-testing

你可能也想看看

搜尋相關網站