输入中右对齐的文本

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;
}

并在输入上设置最大长度，以防止输入文本在后台传输。