再Chrome上關閉單獨input欄位的autocomplete

在chorme上 html內的input加上autocomplete=off並不能禁止該欄位不自動輸入， google後得到可解決的方案如下： 只需將自動完成設置為獨特的即可。如："autocomplete="new-user-email"

<input class="textInput" id="useremail" name="useremail" autocomplete="new-user-email" type="text"/>

google chrome team的回覆如下：
autocomplete=off 禁用自動完成，但保持自動填充啟用。
autocomplete=garbage 禁用自動填充，但保持自動完成啟用。
自動填充嘗試根據您在 chrome://settings/autofill 中保存的數據填寫表單。
自動完成嘗試根據先前在字段中輸入的值來填充字段。 參考此篇：https://bugs.chromium.org/p/chromium/issues/detail?id=1434624

搞懂css flex-grow, flex-shrink, flex-basis

要控制flexbox內的子物件的寬度最好的方法就是善用下面這三個屬性：

flex-grow: 0;     /* 不增長 - 初始值：0 */
flex-shrink: 0;   /* 不收縮 - 初始值：1 */
flex-basis: 25em; /* 寬度/高度 - 初始值：自動 */

//上面三個屬性可簡寫為
flex:0 0 25em;

如下範例

.flexbox .child{
flex:0 0 25em;
}

php 以方便閱讀的方式 print_r 出陣列的值

在print_r前後加上

就可以用分段的方式列出array

	echo "<pre>"; 
    print_r($cntArr); 
    echo "</pre>";