邏輯生活

2017年1月4日星期三

HTML/CSS

HTML5 Forms
在HTML5對form做了一些改變，如下

新的input type
新的form 元件
新的form 屬性
增加的input type有以下13種，如果瀏覽器不支援以下類型，會預設為text，讓網頁製作更為方便

Search   --手機鍵盤上會有search鈕
Email    --手機鍵盤上會有@、.符號
URL      --手機鍵盤上會有.、/、.com符號
Tel         --手機跳出數字鍵盤
Number --手機跳出數字鍵盤，桌機輸入框旁有加減鈕
Range    --會出現一可往左右拉的選取條
Date       --手機上會跳出日期選擇，桌機出現日曆
Month    --與Date相似，但只能選月份
Week     --與Date相似，但只能選某星期
Time      --可選時間
Datetime   --可選時間與日期
Datetime-local
Color      --可以呼叫調色盤

Datalist
datalist可以在網頁上建立一個輸入框，與select有些類似，但使用者是以文字輸入，當使用者輸入第一個字時，下方會自動跳出開頭一樣的選項(類似google)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - -
<input type="text" list="browers" />     --list與id要相同
<datalist id="browers">     --id與list要相同
     <option value="Firefox">     --選項
     <option value="Chrome">
     ....
</datalist>

form屬性
在HTML5中，form增加了14種屬性，以下介紹 Placeholder、Autofocus、Required及Pattern 4種

Placeholder
Placeholder是input的預設值，用來說明要輸入的資料為何(Email、電話...)，只要使用者輸入資料，預設值就會自動刪除
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - -
<input type="text"placeholder="Enter your Email.."/>

Autofocus
當網頁開啟時，焦點會自動移至autofocus的input
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - -
<input  type="text" autofocus />

Required
若input中有required屬性，那麼該input必須要有值才可以送出，如果沒有輸入值是無法送出的
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - -
<input type="text" required />

Pattern
若input中有Pattern屬性，那麼該input有限制的格式，範例要輸入0-9組成的三位數數值，如果沒有符合條件，是無法送出的
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - -
<input type="text" pattern="[0-9]{3}" />    --格式是3位數的0-9數字

jquery a href jquery 失效

執行超連結以後jquery失效
---
解決方式:

在＜a＞加上data-ajax="false"

2017年1月3日星期二

Bootstrap Metro UI CSS

首页 · Bootstrap Metro UI CSS 中文版
--
Bootstrap 3
--

開車上班，打著左轉方向燈，答答的聲響，似乎變快了？聽來好急促
---
開車上班，打著左轉方向燈，答答的聲響，似乎變快了？聽來好急促。
試試右轉的方向燈，一切正常。
方向燈快閃！這是怎麼回事？前二天有保養汽車，難道會是因為保養時師傅動到線路？
下班後帶著疑問來到修車廠：『方向燈變快了？前二天才來保養，是否是因為線路動到了？』
聽了我簡單的描述，師傅說：『保養不會動到那裏的線路，我想是因為方向燈泡壞了。』帶著疑惑，看著師傅處理。
單邊方向燈多半是三個，前後外加側邊，檢查之下，果然左前方的燈泡壞了。
師傅三兩下拆卸燈殼，換上新燈泡，就一切正常了。手邊沒帶相機，不然就拍下裝上燈泡前後的閃爍差異影片了。
*********
『方向燈壞掉了？為什麼會影響閃爍的快慢？』國中程度的電學知識告訴我，『方向燈燈泡是並聯線路，才會一個故障，另二個還能正常使用。』可是~如果是並聯，又為什麼一個燈泡故障，連帶使得另二個燈泡的閃爍頻率受到影響，為何又是變快？看來這並非是單純的串並聯問題。
問師傅：『為什麼燈泡壞了，閃爍會變快？』
師傅只簡單說：『燈泡是電阻，燈泡壞了電阻就變了…. 我們靠這個吃飯所以知道。』他反而奇怪我怎麼一直問。
回家做了功課，原來有類似問題的人還不少。用我可以理解的方式將這類資訊整理：為什麼燈炮壞掉後，閃爍速度會變快？原來汽機車控制方向燈閃爍頻率由耗電量來決定，關鍵在『閃爍器』。閃爍器有一定的的規格，主要構造是一個點燈繼電器與主控IC，它是用來控制方向燈的閃動，並且偵測供應方向燈的電流大小是否異常。

----

近日開車打左邊方向燈,就答答聲變快! 原來是有燈泡壞掉了,看來放假要開來去更換燈泡了!

20170107:
今天一大早就開車去汽車維護廠,一進去就直接跟師傅說:切方向燈一直答答聲很快!
師傅問:燈泡壞了! 是切哪一邊?
答:切左邊
師傅又說:那切右邊看看! 看了一下說:把引擎蓋打開
答:好
師傅很快把壞掉燈泡拿下來,一看就說:你這燈泡是特殊的! 一般正規的燈泡很耐用的
我就回答:這車是買中古車 , 我也不知道前車主幹麻要換這種特殊的燈泡!
師傅很快拿了一顆正規的燈泡來,還讓我看一下;說:正規的頭接觸點不會斜斜的!
師傅就換上後,發動車後;哈! 一切正常了!

2017年1月2日星期一

jquery input search enter ajax json

ow to check if an enter key is pressed with jQuery (這招好)
jQuery function execute on Button Click and Enter/Return (key)
Insert Data Using jQuery Ajax in Asp.net C# [Database MS SQLServer]
---
引用來源

<html>
<head>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

</head>
<body>
  <h1>Check if "enter" is pressed with jQuery</h1>

<label>TextBox : </label>
<input id="textbox" type="text" size="50" />

<script type="text/javascript">

$('#textbox').keypress(function(event){

    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        alert('You pressed a "enter" key in textbox');
    }
    event.stopPropagation();
});

$(document).keypress(function(event){

    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        alert('You pressed a "enter" key in somewhere');
    }

});

</script>
</body>
</html>

2017年1月4日星期三

HTML/CSS

jquery a href jquery 失效

2017年1月3日星期二

Bootstrap Metro UI CSS

汽車方向燈答答很快

2017年1月2日星期一

jquery input search enter ajax json

2017年1月1日星期日

w3schools AngularJS

Rick Strahl's Web Log

檸檬薄荷草

我的連結區

熱門文章

2017年1月4日 星期三

2017年1月3日 星期二

2017年1月2日 星期一

2017年1月1日 星期日

熱門文章

2017年1月4日星期三

2017年1月3日星期二

2017年1月2日星期一

2017年1月1日星期日