zhiwei. huang - ZWH ZONE (Page 18)

html input標籤的disabled屬性與readonly屬性

Mar 14, 2017 1 min read Html

最近在製作webform表單時，我要做到讓一個input標籤裡的value的值，禁止讓客戶自行更改的input欄位! 像圖所示的效果: (此value是無法做修改的) -------------------------------------------------------------------------------- 原先我是使用disabled的屬性來達成我想要的效果! <input disabled="value"> 但會導致一個很嚴重的問題: -------------------------------------------------------------------------------- 使用disabled屬性的input裡的value會無法被傳值出去，也就是在這個表單資料送出去時，這個input裡的value傳出去會變成空白因為disabled的屬性已經整個禁用了此input的元素，所以完全無法抓去到此元素的value 後面才驚覺必須要使用 readonly 的屬性 <input readonly="value">

使用sass mixin來開發responsive網站

Mar 14, 2017 4 min read CSS

RWD為響應式網站（Responsive Web Design）的縮寫，為2012年以來，最流行的前端技術之一通過 CSS3 的 Media Query ，可以讓網頁在不同尺寸的裝置下，都可以套用不一樣的CSS Style，讓每個不同裝置同樣瀏覽網頁，都可以用最佳的畫面來瀏覽。而為了要開發RWD的網頁與簡化撰寫 CSS 流程，進而有了 SASS、LESS 等工具來協助開發，但是難免開發久了，不免都還是會覺得又臭又長。利用 SASS 的Mixin 功能，搭配本篇特殊結構，可以讓開發模板的時間更為簡潔。

[jQuery] Dom 元素操作

Mar 14, 2017 8 min read jQuery

CMS系統(drupal,joomla,wordpress…)在網站開發上,與傳統的開發上有著極大的差異,html架構並不是單純就前端這邊來刻出自己想要的html架構,絕大部分是由後端php產生出來的! 如果你剛好跟小弟一樣!是從CMS開始進入到網頁前端(web frontend)這個大家庭,那你一定要參考這篇文章,可以讓你不會像過去的我走上許多 CSS 亂拼亂湊的冤妄路!! -------------------------------------------------------------------------------- jQuery 再開始說明之前,你必須要先知道jQuery [https://jquery.com/](一套跨瀏覽器的JavaScript函式庫，簡化HTML與 JavaScript [https://developer.mozilla.org/zh-TW/docs/