textarea的標籤定位

附近有一個帶有標籤和小圖片的textarea。我希望他們都能放在textarea附近。但標籤後顯示圖片。該HTML很簡單：textarea的標籤定位

<textarea cols=70 id="test" rows="6" style=""></textarea> 
<label for="test" style="vertical-align:top; border: 1px solid black; float:none;">Error!</label> 
<img width="20" src="plus-icon_16.png" style="margin-left: 3px; border: 1px solid black; vertical-align:bottom;" />

這裏舉例： http://stavki.vetko.net/new.html

感謝。

來源

2011-06-17 Svaroggg

將標籤和圖像放入div中。然後，您可以根據需要正確定位它們，只需要將div本身相對於textarea放置即可。你能解決這個

來源

2011-06-17 13:02:01 GolezTrol

該標籤被自動通過一個jquery驗證剛剛textarea的後插入。所以我不能把標籤和圖像放在div裏面。還是要謝謝你的幫助。 – Svaroggg

和圖像？它是否也自動插入？ – GolezTrol

一種方法是將一個容器span爲label和img像這樣：

<textarea cols=70 rows="6"></textarea> 
<span id="wrap"> 
    <label for="test">Error!</label> 
    <img src="plus-icon_16.png"/> 
</span>

然後，您可以漂浮這textarea的右側，然後兩個元素進行絕對定位在它之內。

#wrap { 
    display:inline-block; 
    vertical-align:top; 
    position:relative; 
} 

#wrap label { 
    position:absolute; 
    top:0; 
    left:0; 
} 

#wrap img { 
    position:absolute; 
    bottom:0; 
    left:0; 
}

http://jsfiddle.net/dtdN9/3/

來源

2011-06-17 13:04:30 Kokos

textarea的標籤定位

回答

相關問題