Tagged

Html

A collection of 2 posts

響應式網站-不可缺少的Veiwport標籤
Html

響應式網站-不可缺少的Veiwport標籤

什麼是Viewport標籤? Viewport它是網頁HTML的一種META標籤,專為手機瀏覽器設計的。 有些屏幕很小的手機,但解析度卻可以做得很大,比如iphone7默認分辨率為:1920 * 1080,比許多電腦桌面的都還大,傳統PC網站直接放到手機上閱讀時,界面就會顯得非常小,閱讀體驗就很差,這時候就會需要一種將原始視圖在手機上放大的機制,使用Viewport標籤可以解決這個問題。 如何使用Viewport標籤? 將code放置在head裡面即可,如以下範例。 此範例的設定就會依照手機螢幕的解析度去做相對應的縮放了 !<!DOCTYPE html> <html> <head> <title>viewport</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <

Html

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

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