[範例] 以 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 小時審核)
同時也有1部Youtube影片,追蹤數超過7萬的網紅電腦學習園地,也在其Youtube影片中提到,◆支持電腦學習園地 加入YouTube會員→https://pros.is/joinnow ✅購買完整課程內容 https://shopee.tw/alyoou 動態輸入的功能, 就是隨滑鼠位置提供的數據輸入框,替代在命令行中的輸入,比如要在命令行輸入命令或者數據,滑鼠指針旁邊會出現一個編輯輸入...
html輸入框 在 紀老師程式教學網 Facebook 的最讚貼文
[WebTech #15] HTML > 3. 標籤學習 > 3-3 表單製作
所謂表單,就是一塊可以讓使用者輸入資訊的網頁空間。常見的表單視覺元件包括:輸入框、下拉式功能表...等。本文針對 HTML5 的表單製作,做一個精確的說明,喜愛的朋友不可錯過喔!
http://www.ibm.com/developerworks/cn/web/wa-html5fundamentals2/
html輸入框 在 紀老師程式教學網 Facebook 的最佳解答
寫好的網頁要測試...到底要測試哪些東西?
相信您聽過不只一個人說「測試乃品質之母」。很可惜的是,國內的網頁設計師要不就是知道但懶得測,要不就是根本不知道要測什麼。這篇文章特別把一個網站到底要測試哪些東西,非常詳細地列出來。很值得網頁設計師與專案經理參考喔!
一個做好的網站,應該測試下列項目:
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
html輸入框 在 電腦學習園地 Youtube 的最讚貼文
◆支持電腦學習園地 加入YouTube會員→https://pros.is/joinnow
✅購買完整課程內容
https://shopee.tw/alyoou
動態輸入的功能, 就是隨滑鼠位置提供的數據輸入框,替代在命令行中的輸入,比如要在命令行輸入命令或者數據,滑鼠指針旁邊會出現一個編輯輸入小白框,就是動態輸入。
原文網址:https://kknews.cc/news/5n9go63.html
➡️訂閱我們的頻道
主頻道:https://pse.is/pclearncenter
OFFICE辦公室應用: https://pse.is/office
AutoCAD電腦製圖: https://pse.is/AutoCAD
美工設計: https://pse.is/PSAI
軟體應用: https://pse.is/soft
影片剪輯: https://pse.is/mclip
➡️FB粉絲團
https://www.facebook.com/pclearncenter
推薦課程
【illustrator CC AI基礎教學】
https://www.youtube.com/watch?v=fA4LTxGpOH0&list=PLwwPq48LW7z-2MFp-jA1a_IQLU7fe9ZjT
【PowerPoint PPT教學】
https://www.youtube.com/watch?v=rKNStKEFoW0&list=PLwwPq48LW7z-Rp_6BCqHTXha3F-BPpAPw
【Microsoft Excel教學】
https://www.youtube.com/watch?v=Vl0febV7Kmc&list=PLwwPq48LW7z_uFzBKXFsU0KZqSP7Ky_Up
【Excel VBA程式設計教學】
https://www.youtube.com/watch?v=bUNP9lVbSWc&list=PLwwPq48LW7z_vK171m2neLyz0GzyqRCZH
【Micorsoft Word教學】
https://www.youtube.com/watch?v=J8PpOwwcK7Q&list=PLwwPq48LW7z86-TqMtDejWBKjZD9u1_Rj
【PS教學Photoshop】
https://www.youtube.com/watch?v=kbMyyt8WS6M&list=PLwwPq48LW7z9lyFs6xEiae4uDddWJ1x9e
【會聲會影X9 影片剪輯教學】
https://www.youtube.com/watch?v=QfcXIC_l33Q&list=PLwwPq48LW7z8CNIHEPi3lrQwJMAv-ceiW
【AutoCAD製圖教學】
https://www.youtube.com/watch?v=W7kGvMBgdEs&list=PLwwPq48LW7z_g02sbOzipI3_y1HIyXEUN
![post-title](https://i.ytimg.com/vi/22KzwFrUQ5E/hqdefault.jpg)
html輸入框 在 FB 大頭貼如何套用特效外框?手機APP 及電腦版使用教學 的推薦與評價
FB 手機版套用大頭貼特效框:點選大頭貼> 加上; 選擇你想套用到個人FB 大頭貼的特效框,你可以輸入關鍵字來尋找喜歡的外框。 FB 手機版套用大頭貼特效 ... ... <看更多>
html輸入框 在 HTML - 解決點擊輸入框時,畫面放大情況 - Cloud F2E Blog 的推薦與評價
當使用行動裝置(iPhone、iPad)瀏覽網頁時,在預設的情況之下,點擊文字輸入框後,畫面會立即放大。如果不想要這個畫面放大的效果該怎麼做呢? ... <看更多>