筆記：記錄兩個新接觸的東東- required + placeholder

標籤：style   blog   color   for   re   c   

 

1.1 required="required"

 

1.2 placeholder

當使用者還沒有輸入值時，輸入型控制項可能通過placeholder向使用者顯示描述性解說文字或者提示資訊，這在目前網站中很常見，一些JS架構都會提供類似功能，簡單的說下在舊版本中常用的解決方案，為輸入控制項建立一個label，然後通過CSS控制些label的位置使之覆蓋在輸入控制項上面，當label獲得焦點時，瀏覽器會把焦點指向輸入控制項。不過有了placeholder，新的瀏覽器就內建了這一功能，其特性值會以淺灰色樣式顯示在輸入框中，當輸入框獲得焦點並有值後，該提示資訊自動消失。

如：

<p><label for="runnername">Runner:</label>   <input id="runnername"name="runnername" type="text" placeholder="First and last name" /></p>

 

整理中....