Html5輸入佔位符在輸入數據時更改大小和位置

Question

我在我的銀行網站上發現，當我在輸入字段中輸入信息時，初始佔位符將大小更改爲較小，並被推送到輸入字段的左上角。我發現它非常有助於用戶查看將它們輸入字段時要求的問題，而不是佔位符完全消失。關於如何最好地實現它的任何想法？

Answer 1

你就像這個https://tympanus.net/codrops/2015/01/08/inspiration-text-input-effects/

尋找的東西它是爲textinput的新趨勢造型

Answer 2

使用的onchange JavaScript事件：

HTML表單：

<form id="myForm> 
<input type="text" onchange="changeForm(this)" id="text"> 
</form> 

JavaScript功能：

function changeForm(elm) { 
elm[0].setAttribute("style", "height: 50px"); 
}