如何使用CSS为该输入元素添加前缀

我有一个由Zend form生成的表单元素，如下所示：

<dd id="website-element">
    <input type="text" class="pre-http" value="bigshop.com.au" id="website" name="website">
</dd>

有什么方法可以使用CSS在输入元素前面加上文本“http://”吗？（我希望用户进入网站时不带前导的“http://”）

谢谢…

试试这个：-

使用伪元素

：before创建作为匹配元素的第一个子元素的伪元素。通常用于通过使用content属性向元素添加示意性内容。默认情况下，此元素是内联的

---

因此它需要位于文本框的父级。

取决于：您是否希望在提交时在输入值前加上

http://

？如果是这样的话，您将不得不使用Javascript来实现这一点

否则，您可能会使用以下内容：

.pre-http:before {
    content:"http://";
    /* any other styles you'd like to apply to the text */
}

.pre-http:before {
    content:"http://";
    /* any other styles you'd like to apply to the text */
}