用佔位符爲用戶輸入創建表格

Question

我試圖創建一個調查表單。我想知道如何使用html5來創建一個表單，它有用戶輸入的佔位符，用戶點擊提交後，調查表格用稍後可以打印的用戶提供的信息替換佔位符。

我只是一個完整的新手，所以我會很感激，如果有人能像我這樣向我解釋五。謝謝！

Answer 1

您可以將placeholder屬性添加到text/textarea元素。例如：

<input type="text" placeholder="What is your name?" /> 

瀏覽器將輸出帶有佔位符文本的表單。如果你在其中放置文字，佔位符將隱藏。

此屬性僅適用於：

• 文本輸入（例如文本，搜索，網址，電話，電子郵件和密碼）
• 多行文本的

見工作小提琴：https://jsfiddle.net/9fpfznnj/2/

Answer 2

佔位符屬性指定一個簡短提示，描述輸入字段的預期值

在用戶輸入值之前，短提示顯示在輸入字段中。 佔位符屬性適用於以下輸入類型：文本，搜索，url，電話，電子郵件和密碼。

例如：

<input type="text" placeholder="Enter Name" /> 

Answer 3

用於顯示期望的輸入的小描述（例如，在預期格式的樣本值）佔位符屬性。

在html中，佔位符屬性適用於文本，搜索，url，tel，電子郵件和密碼。

示例，以上是，

<input type="text" placeholder="Enter Name" /><br /> 
<input type="password" placeholder="Enter password" /><br /> 
<textarea placeholder="Enter address"></textarea><br /> 

我們也可以使用自定義CSS類風情的地方持有人或在建的，

::-webkit-input-placeholder 
{ 
    color: red; 
    font-weight: bold; 
}