怎样的前缀，它的输入元素，使用CSS

Question

我有Zend的形式生成的表单元素如下：

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

有什么办法，我可以先与文本输入元素的“http：//” ，使用CSS？ （我希望用户进入没有领先'http：//'的网站）。

谢谢...

Answer 1

试试这个： -

使用:before伪元素

Demo

#website-element:before 
{ 
content:"http://"; 
} 

：之前创建一个伪元素是第一个孩子匹配的元素。通常用于通过使用content属性将化妆品内容添加到元素。该元素默认为内联。

所以它需要在文本框的父级。

Answer 2

取决于：您是否希望提交输入值的前缀为http://？如果是这样，你将不得不为这个使用Javascript。

否则，你很可能是这样的：

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