2013-05-30 109 views
2

是否可以將HTML5佔位符放置在textarea的底部,並且在用戶輸入時將其放在底部,然後按下enter鍵將文本向上推?HTML Textarea,將光標置於底線(CSS)?

我會解釋一點。我想要的是有一個5行textarea,而不是從框的頂部開始,並且文本在輸入新行時向下移動,我希望它從底部開始,並在輸入新行時向上移動。

如果沒有,想我將只需要使用背景圖片,並使其空白的onkeyup

+0

該解決方案需要支持哪些瀏覽器需要支持 –

+0

如果只有一些可能,那很好,因爲我可以讓瀏覽器不支持它看起來不同。它現在看起來很好,但如果我可以得到這個更好,看起來會更好 – cantsay

+0

你在做什麼,你需要這個功能 –

回答

-1

這已經被問before

下面是這個問題的答案線程的代碼(用了jQuery):

if (browserIsIE) { 
    var range= element.createTextRange(); 
    range.collapse(false); 
    range.select(); 
} else { 
    element.focus(); 
    var v= element.value(); 
    element.value= ''; 
    element.value= v; 
} 

正如你可以看到IE瀏覽器需要一些特殊的處理才能正常工作。也就是說,這個腳本的基本邏輯是關注某個文本框,取出它的值並將其放回。然後,將閃爍的光標移動到文本框中已有內容的末尾。

+0

謝謝,我的問題雖然有點不同。我想要的是有一個5行textarea,而不是從框的頂部開始,文本向下移動,因爲它們輸入新行,我希望它從底部開始,並在它們進入新行時向上移動 – cantsay

+0

這是兩個不同的問題 –