Html 页面右边缘重叠的div_Html_Css_Gwt_Uibinder

Html 页面右边缘重叠的div

html css gwt

Html 页面右边缘重叠的div,html,css,gwt,uibinder,Html,Css,Gwt,Uibinder,我很难将带有水印文本的跨距放置在输入的顶部。使用GWT+uibinder的代码如下所示：并转换为html，如下所示：与其通过将跨距向左浮动，使跨距重叠在输入字段的顶部： |----------------------------------| | |------------||--|| | |passwd ||Go|| | |------------||--|| |

我很难将带有水印文本的跨距放置在输入的顶部。使用GWT+uibinder的代码如下所示：

并转换为html，如下所示：

与其通过将跨距向左浮动，使跨距重叠在输入字段的顶部：

|----------------------------------|
|                |------------||--||
|                |passwd      ||Go||
|                |------------||--||
|                                  |
|----------------------------------|

我在输入之后得到它

|----------------------------------|
|          |------------|      |--||
|          |            |passwd|Go||
|          |------------|      |--||
|                                  |
|----------------------------------|

或者在下一行中，如果我尝试相对于输入的宽度定位跨度

|----------------------------------|
|                |------------||--||
|                |            ||Go||
|                |------------||--||
|                 passwd           |
|----------------------------------|

有没有办法解决这个问题？

提前谢谢。

检查这把小提琴，它使用绝对定位

编辑

如果您现在的问题是希望在密码框中显示默认文本，但密码默认文本不可读，则需要在用户输入数据之前将密码输入更改为正常文本输入

然后，在JavaScript中，可以使用焦点事件将其更改回密码类型输入

试着这样做：

<head>
   <script type="text/javascript">
      function changeToPassword() {
         document.getElementById("passwordSpan")
            .innerHTML = "<input id=\"password\" name=\"password\" type=\"password\"/>";
         document.getElementById("passwd").focus();
      }
   </script>
</head>
<body>
   <form>
      <span id="passwordSpan">
         <input onfocus="return changeToPassword()" id="passwd" name="passwd" type="text" value="Type Password" />
      </span>
   </form>
</body>


函数changeToPassword（）{
document.getElementById（“密码跨度”）
.innerHTML=“”；
document.getElementById（“passwd”）.focus（）；
}

我已经能够使用来自的一个很好的解决方案来解决它。诀窍是使用相对位置样式标记容器，使用绝对标记标记密码框及其跨度。它工作时无需指定任何位置！（虽然我还没有试过IE）

恐怕我不能使用绝对定位。小提琴是对真实场地的抽象，使得不可能确定跨度应该在哪里。不管怎样，还是谢谢你。结果与我找到的解决方案很接近。请参阅最新条目。当然，提供的代码中缺少水印逻辑。我有一个逻辑，一旦它获得焦点，我就将其取消，但我没有把它放在焦点上，因为我有定位水印文本的问题。我仍然不知道如何正确定位它：（哦！我没有意识到。如果你可以使用绝对位置，我认为user1289347有一个有效的方法。如果你不能，你可能想尝试使用更简单的默认值：，只需要使用JavaScript来控制水印字体。嗨，theJollySin，这对登录输入有效，但是对于密码输入我无法告诉我们e这种方法是因为文本被屏蔽了。我想我不能在GWT（）中使用这种方法