這個表格是如何構建的？

Question

我試圖找出如何像這樣的形式構造/樣式（CSS JavaScript的？）：

它可以在http://www.masterdynamic.com/

最底部找到我想說的是通過某種Javascript庫製作而成，但可能完全錯誤。我試着用Chrome開發工具進行檢查，但無法真正瞭解清楚。不知道從哪裏開始進行這樣的設計（或者甚至是搜索什麼，所有的努力都將我帶入了正常的形式）。

任何和所有的幫助將不勝感激。

謝謝！

Answer 1

下面是HTML和CSS：

<input type="text" name="email" placeholder="Enter Email" 
dir="auto" aria-label="Email " title="" autocomplete="off"> 

form input[type=text] { 
    width: 80%; 
    color: #b1aca1; 
    padding: 10px 10px 10px 0; 
    font-family: blenderthin,Verdana,sans-serif; 
    font-weight: lighter; 
    font-size: 3rem; 
    border: 0; 
    background-color: transparent; 
    outline: 0; 
    display: inline-block; 
    vertical-align: bottom; 
}