J.J.'s Blogs
J.J. Huang
  • Taipei, Taiwan
本站是 J.J.Huang 的技術「學習」「筆記」部落格。內容涵蓋各式前端、Java後端、Spring Boot、微服務架構、運維開發、系統監控等相關的研究與知識分享。
  • Taipei, Taiwan
  • Web - 第二十四章 | HTML 使用Java​Script發送表單

    這邊文章開始前,必須說我跳過一篇文章 How to build custom form widgets ,因為我這章節的內容不感興趣,而且文章太過攏長讓學習意願大大降低,所以我跳過啦。 這邊要說的文章是 Sending forms through Java​Script ,身為工程師就是不管前...

  • Web - 第二十三章 | HTML 表單資料驗證(二)

    在上一章 Web - 第二十二章 | HTML 表單資料驗證(一) ,有大致上介紹了 HTML5 的表單驗證,也有稍微使用JavaScript做替換內容;在這邊將會使用JavaScript進行表單的驗證,可以更靈活的去做驗證。 使用JavaScript校驗表單 如果你想控制原生錯誤訊息的...

  • Web - 第二十二章 | HTML 表單資料驗證(一)

    看了這麼多文章,做了這麼多實作和筆記,發現每一章節都非常重要,任何小部分都不該忽略到,因為你不知道在什麼時候會用到它。這邊將會開始做表單驗證的部分,這在網路上有很多套件可以使用,但是還是建議看過這篇文章再去用套件,會更加了解其運作方式。 表單驗證幫助我們確保用戶以正確格式填寫表單資料,確保提交...

  • Web - 第二十一章 | HTML 發送表單資料

    前面幾章節介紹的都屬於HTML的使用,這邊終於要深入探討到表單的資料再提交後,是提交到哪邊去。還記得當初我接觸程式這塊的時候,什麼都不懂,也是經歷過好一段日子才慢慢了解。現在網路上教學資源很多,都可以很有效幫助快速學習。 資料都去哪裡了? 客戶端/伺服器體系結構 web基於非常基本...

  • Web - 第二十章 | HTML 原生Form表單組件(二)

    延續前面 Web - 第十九章 | HTML 原生Form表單組件(一) ,這章將會紀錄「可選中項(Checkable items)」、「按鈕(Buttons)」、「高級表單組件(Advanced form widgets)」、「其他小組件(Other widgets)」。 可選中項(Ch...

  • Web - 第十九章 | HTML 原生Form表單組件(一)

    這篇關於表單的組件,非常的多,我將會把文章拆成兩個章節來做筆記記錄,這章只會紀錄「文本輸入域(Text input fields)」、「下拉內容(Drop-down content)」。 通用屬性 大部分用來定義表單小組件的元素都有一些他們自己的屬性。然而,在所有表單元素中都有一組屬性,...

  • Web - 第十八章 | HTML 建構Form表單

    HTML表單的靈活性使它們成為HTML中最複雜的結構之一; 你可以使用專用的表單元素和屬性構建任何類型的基本表單。在構建HTML表單時使用正確的結構將有助於確保表單既可用又可訪問。 <form>元素 <form>元素按照一定的格式定義了表單和確定表單行為的屬性。當...

  • Web - 第十七章 | HTML Form表單

    這邊這篇文章是個非常重要的開始,因為後端和前端的溝通,幾乎都是透過Form來做程序之間的交換。 HTML Form 表單是什麼? HTML表單是用戶和web站點或應用程序之間交互的主要內容之一。它們允許用戶將資料發送到web站點。大多數情況下,資料被發送到web伺服器,但是web頁面也可...

  • Web - 第十六章 | HTML 表格高級功能和可訪問性

    HTML 表格更高級的功能,比如像表格的標題/摘要,以及將你表格中的各行分組成頭部、正文、頁腳部分,提高視障用戶的可訪問性。 表格標題節 表格增加一個標題,通過<caption>元素,再把<caption>元素放入 <table>元素中。 你應...

  • Web - 第十五章 | HTML 表格基礎知識

    常常在寫網頁上面的表格,總是會遇到要有標題的表格、要合併儲存格、要跨行跨列、樣式⋯等等。因為不熟悉的關係,常常花很多時間在搜尋方面,希望透過這一系列的了解,可以增加自己的技術能力。 什麼是表格? 表格是由行和列組成的結構化資料集(表格資料),它能夠使你簡捷迅速地查找某個表示不同類型資料之...