Something wrong in web design.

1. 常⾒見網⾴頁設計謬失
以登⼊入⾴頁⾯面錯誤訊息設計為例

2. 相信，這個畫⾯面很常⾒見

3. 相信，這個畫⾯面更常⾒見
這跟⿊黑⿊黑⼀一點關係也沒有

4. 可是瑞凡

5. 為⽑毛躺著也中槍

6. 這個網址怎麼怪怪的？

7. 我們換個網址試試

8. 合理推斷……？

9. 測試看看？

10. 不過就是彈個視窗
沒關係吧

11. 這下靠北了

12. 我幹了啥？

13. 只是把表單傳送的⺫⽬目標
改掉⽽而已

14. 防護⽅方法？

15. 錯誤⽰示範
str_replace()：把字串中的⼦子字串代換掉。

16. <scRipt></Script>
<img src=“a.jpg” onerror=“”>

17. 正確⽅方式（⼀一）
htmlentities()：把字串中的HTML字元代換掉
“<” 會轉變成 &lt;
“>” 會轉變成 &gt;
……

18. 正確⽅方式（⼆二）
不顯⽰示使⽤用者所輸⼊入的字串

19. 正確⽅方式（三）— 有爭議
請愛⽤用Chrome或Webkit核⼼心瀏覽器
某些情況下會無法作⽤用，所以請不太過份依賴

20. Q&A