1

入力の上に透かしテキストを含むスパンを配置するのに問題があります。GWT+uibinderを使用するコードは次のようになります。

http://jsfiddle.net/camposcarlos/dMzL4/

htmlに変換すると次のようになります。

http://jsfiddle.net/ajMWd/

入力フィールドを左にフロートさせてスパンをオーバーラップさせる代わりに、次のようにします。

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

入力後に取得します

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

または、入力の幅を基準にしてスパンを配置しようとすると、次の行で

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

それを解決する方法について何かアイデアはありますか？前もって感謝します。

4

3 に答える 3

0

このフィドルを確認してください。絶対測位を使用しています。 http://jsfiddle.net/ajMWd/1/

同じことをしているちょうど別のバージョンを編集するhttp://jsfiddle.net/ajMWd/2/

于 2012-04-19T23:30:09.450 に答える
0

パスワードボックスにデフォルトのテキストを表示したいのに、パスワードのデフォルトのテキストが読めないという問題がある場合は、ユーザーがデータを入力する前に、パスワード入力を通常のテキスト入力に変更する必要があります。

それよりも、JavaScriptでは、focusイベントを使用して、パスワードタイプの入力に戻すことができます。

次のようなものを試してください。

<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>
于 2012-04-20T14:24:41.353 に答える
0

私はここから素晴らしい解決策を使ってそれを解決することができました。秘訣は、コンテナに相対位置スタイルとパスワードボックスとそのスパンを絶対タグでタグ付けすることでした。位置を指定しなくても動作します！（IEはまだ試していませんが） http://jsfiddle.net/ajMWd/4/

于 2012-04-21T22:59:14.450 に答える