html - 输入中的右对齐文本

Question

我正在一个网站上工作，设计师在输入表单中放置了一些额外的文本

我的代码：

<form id="hmail">
    <input autocapitalize="off" autocorrect="off" autocomplete="on" type="text" name="register" id="getemail" value="your company" onFocus="if(this.value==this.defaultValue)this.value='';" onBlur="if(this.value=='')this.value=this.defaultValue;"/>
    <input type="submit" id="sendmail" value="Claim">
</form>

我在想一些像 value="...dock.com" 和浮动的东西，对吗？只有我似乎无法让这个工作

Answer 1

通过 CSS 将“dock.com”实现为背景图片；就像是：

background-image:url(dockimage.png); 
background-repeat:no-repeat; 
background-position:right;

Answer 2

将背景图像设置为文本，如下所示：

input[name=theName] {
    background: #fff url(path/to/bg.jpg) no-repeat right center;
}

并在输入上设置最大长度以防止输入的文本超出背景。