Textarea - 必填項，但是使用默認文本

如何爲textarea設置兩個屬性（默認文本，在點擊和需要後隱藏）？Textarea - 必填項，但是使用默認文本

<textarea name="dedication" id="dedTextArea" required onfocus="if(this.value==this.defaultValue)this.value=''" onblur="if(this.value=='')this.value=this.defaultValue">Default text</textarea>

HTML「認爲」Default text是我的輸入。我如何修復它？謝謝大家。

來源

2014-01-17 user2527983

您使用的屬性placeholder爲「點擊後隱藏的默認文本「。但請注意，placeholder僅適用於支持HTML5的瀏覽器。您正確設置了要求，但它在某些瀏覽器中也不起作用。

<textarea name="dedication" id="dedTextArea" 
    required 
    placeholder="default text"></textarea>

來源

2014-01-17 17:15:05 Danny

作爲您的標記HTML5，如果默認爲單行，爲什麼不只是;

<textarea name="dedication" id="dedTextArea" placeholder="Default text"></textarea>

來源

2014-01-17 17:14:39

如果您不介意兼容性，簡單的解決方案是使用placeholder。

<textarea placeholder="Default text"></textarea>

This does not work in older browsers，最顯着的是IE9和更低。

來源

2014-01-17 17:14:43 Halcyon

它看起來像默認文本點擊（在Chrome）後不會消失，但如果你想有一個佔位符，而不是實際的文本，請使用如下：

<textarea name="dedication" id="dedTextArea" required onfocus="if(this.value==this.defaultValue)this.value=''" onblur="if(this.value=='')this.value=this.defaultValue" placeholder="Default Text"></textarea>

來源

2014-01-17 17:14:48 Craighead

<textarea 
    onfocus="if (this.value == this.defaultValue) { this.value='' }" 
    onblur="if (this.value=='') { this.value = this.defaultValue" }> 
    Enter some text! 
</textarea>

下面是一個JS小提琴證明它：http://jsfiddle.net/Xhawp/1/

來源

2014-01-17 17:15:19 NibblyPig

看，這種思考可能是他想要的東西，而不是佔位符，因爲他要現場是必需的但有一個默認值。 – Danny

使用佔位符屬性

<textarea name="dedication" id="dedTextArea" required placeholder="Default text"></textarea>

來源

2014-01-17 17:15:45 Andrew

Textarea - 必填項，但是使用默認文本

回答

相關問題