首頁(yè) 猿問(wèn) 怎做做這種文本框

怎做做這種文本框

Html/CSS

summer樂(lè) 2016-11-21 19:38:18

這個(gè)怎么做的 ?一個(gè)文本輸入框，框里邊還有初始文字，文字前邊還有一個(gè)小圖片，圖片和文字都在框里邊，這個(gè)該怎么弄

查看完整描述

2 回答

錯(cuò)過(guò)了年華

TA貢獻(xiàn)56條經(jīng)驗(yàn) 獲得超22個(gè)贊

input輸入框內(nèi)是無(wú)法添加圖片的，textarea文本域可以加入背景圖片。

要在input內(nèi)加入默認(rèn)值可以寫(xiě)value屬性

<input?type="text"?value="默認(rèn)值"?/>

textarea文本域的背景可以使用css的background-image進(jìn)行設(shè)置，默認(rèn)值可以寫(xiě)在textarea的開(kāi)始和結(jié)束標(biāo)簽之間

代碼如下

<html>

<head>

.bg?{

background-image:url(圖片地址);

}

</style>

</head>

<body>

<textarea?name="textfield"?rows="10"?cols="50"?class="bg">默認(rèn)文字</textarea>

</body>

</html>

? ? 以上百度搜的，親測(cè)有效，我也學(xué)到了^=^

1 反對(duì) 回復(fù) 2016-11-21

關(guān)注