Html 输入中的右对齐文本

我正在制作一个网站，设计师在输入表单中添加了一些额外的文本

我的代码：

<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”和float，对吗？ 只是我似乎无法通过CSS实现“dock.com”作为背景图像；比如：

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

通过CSS实现“dock.com”作为背景图像；比如：

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

---

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

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

---

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

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

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

---

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

是否“dock.com”也必须在焦点上消失，还是应该始终存在？它需要始终存在：）是否“dock.com”焦点也必须消失，还是应该一直存在？它需要一直存在：）

maxlength

不可靠。比较LLLL和WW（均为10个字符）。相反，使用

padding right

的值略大于背景图像宽度。对于我来说，没有重复的右中心，只有我同意padding right是一个更好的解决方案

maxlength

不可靠。比较LLLL和WW（均为10个字符）。取而代之的是，使用

右填充

，其值略大于背景图像的宽度。对于我来说，没有重复的右中心，只有我同意右填充才是更好的解决方案