• 締切済み

IEのオートコンプリートの挙動を制御したい

プログラマーです。 あるWEBの画面で、ログイン用のユーザ名入力欄、パスワード入力欄、ログインボタンと、 ログインしないで実行出来るある機能のテキスト入力欄、実行ボタンがあるとして、 下記のようなミニマムコードを書いてみました。 これをIEで、オートコンプリートが有効な状態で表示させ、ユーザ名、パスワードを入力して ログインボタンを押すと、ユーザ名、パスワードが次回からオートコンプリートで候補表示されます。 しかし、ログインしないで実行出来る機能の入力欄の全てにもユーザ名が候補表示されるという 現象が起こります。 これを回避する方法はないでしょうか。 HTMLソース---------------------------------- <html> <body> <form name="loginLess"> other1<input name="uid" type="text" /><br> other2<input name="pwd" type="text" /><br> <input type="submit" name="loginLessBtn" value="login不要機能" /> </form> <form name="login"> user<input name="uid" type="text" /><br> pass<input name="pwd" type="password" /><br> <input type="submit" name="loginBtn" value="login" /> </form> </body> </html>

  • HTML
  • 回答数3
  • ありがとう数1

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

最も簡単なのは、nameの値を変えること name="uid" →　name="rrname" とか・・ 　ただし、プログラム側も変えないとまずい

ko-1-s
質問者

お礼

回答くださった皆様、有難う御座いました。 その後も調べてみましたが、いい方法がないので、不本意ですが諦めてログイン機能のみ別画面に切り出して実装することにしました。 これで締め切らせていただきます。

ko-1-s
質問者

補足

すいません！ 質問文のHTMLソースが間違っていました。 ログイン不要機能の部分は正しくは以下です。 name属性はログイン用Textの部分とは別名にしていますが、同じ現象が発生します。 <form name="loginLess"> other1<input name="other1" type="text" /><br> other2<input name="other2" type="text" /><br> <input type="submit" name="loginLessBtn" value="login不要機能" /> </form>

  • mikemike7
  • ベストアンサー率87% (97/111)
回答No.2

<form name="loginLess" autocomplete="off"> ってことかな？

ko-1-s
質問者

補足

回答ありがとうございます。 しかし、ログイン不要部分もオートコンプリートを有効にする必要があるのです。

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

name="uid"　name="pwd"　を共通にしない。 ---------------------- other2<input name="pwd" type="text" /> type="text" じゃなく、type="password"　じゃないですか？ ログイン不要なら type="hidden" 質問の意味が違うのかな？

ko-1-s
質問者

補足

ありがとうございます。 ログイン不要部分は、未認証ユーザでも一部のデータを参照するための機能で、参照データの検索条件等を入力する必要があります。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • wordpressのStyle設定について

    お世話になります。 仕事でwordpressを使うことになりテンプレートの作成を行なっています。 ヘッダーにログインフォームを付けたく「<?php wp_login_form( ); ?>」を使いログインフォームを表示させることはできました。 下記、ログインフォームのソースの抜粋になります。 <form name="loginform" id="loginform" action="***" method="post"> <p class="login-username"> <label for="user_login">ユーザー名</label> <input type="text" name="log" id="user_login" class="input" value="" size="20" tabindex="10" /> </p> <p class="login-password"> <label for="user_pass">パスワード</label> <input type="password" name="pwd" id="user_pass" class="input" value="" size="20" tabindex="20" /> </p> <p class="login-submit"> <input type="submit" name="wp-submit" id="wp-submit" class="button-primary" value="ログイン" tabindex="100" /> <input type="hidden" name="redirect_to" value="***" /> </p> </form></p> こんなかんじで表示させることはできたのですが、 この状態だと、自動的に<p>タグがはいってしまい改行されます。 この部分を横一行 ユーザ名[ ] パスワード[ ] [ログイン] のようにシたいのですがどのようにStyleをつけたらいいか悩んでます。 よろしければ、ご回答ください。

    • ベストアンサー
    • CSS
  • IEのオートコンプリートについて

    　ネットサイトに最初にログインするとき、IEのオートコンプリートをONにしておくと、ユーザー名とパスワードを入力してログインボタンをクリックすると、ユーザー名とパスワードを保存するかどうか訊いてきますよね。ここで「はい」をクリックすると、次回からはユーザー名を入力するところをダブルクリックすると自動的に入力してくれますが、初回に誤って「いいえ」をクリックしてログインしてしまいました。これを、自動的に入力してくれるようにするにはどうすればいいのでしょうか？ 　わざと間違ったユーザー名とパスワードを入力して、保存するかどうかのダイアログを表示させて一旦間違ったユーザー名とパスワードを保存し、再び正しいユーザー名とパスワードを入力して確認ダイアログを表示させようとしたのですが、正しいユーザー名とパスワードの時には確認ダイアログは出てきません。何とか表示させる方法はないでしょうか？ 　OSはWindows98SE、IEは6.0SP1です。 　よろしくお願いいたします。

  • INPUTにnameがない場合のsubmit

    <FORM ACTION="login.asp" METHOD="POST"> USER ID:<INPUT TYPE="text" NAME="userid" SIZE="12"><br> パスワード:<INPUT TYPE="password" NAME="pass" SIZE="12"><br> <INPUT TYPE="submit" NAME="btn01" VALUE="ログイン"> <INPUT TYPE="reset" VALUE="クリア"> </FORM> 上記のHTMLに対して、VBAで操作する場合、 データセットした後 objIE.document.all.btn01.Click 'クリックメソッドを実行 で、submit出来るかと思います。 今、VBAで自動ログインしたいサイトが <INPUT TYPE="submit" VALUE="ログイン"> のような感じで、nameの属性がありません。 こういうときは、VBAではどうすればログインできるのでしょうか。 初歩的な質問ですみませんが、わかる方教えてください。

  • ハッシュの要素を別ファイルに渡すことができますか

    perlで次のようなプログラムがあります。 sub { 中略 $USERS{$xy}　　　　　　　＃$xyは変数 　中略 ｝ <form name="user" action="$ENV{'SCRIPT_NAME" method="POST"> ユーザー名：<input type="text" name="username"><br> パスワード：<input type="password" name="pass" value=""><br> <input type="submit" value="ログイン"> ------------- このとき$USERS{$xy}　の要素を別ファイルに渡すことができますか。可能ならばどのようにすればよいでしょうか

    • ベストアンサー
    • Perl
  • ログインフォームの送信をURLでフォーム入力を省略

    メールや動画サイト等でログインする時、ID、パスワードを入力しますが、 面倒であるため省略しようと考えます。 例にニコニコ動画のログイン画面でのHTMLソースで<form><input>のみを抜粋します。(https://secure.nicovideo.jp/secure/ のソースです。) <form name="login" id="login" action="login" method="post"> <input type="hidden" name="next_url" value=""> <input value="" type="text" name="mail" id="mail"> <input value="" type="password" name="password" id="password"><input name="login" type="image" id="login_submit" src="img/login_form/btn_login.png" alt="ログイン"> </form> これをURLに置き換えると "https://secure.nicovideo.jp/secure/login?next_url=&mail=メールアドレス&password=パスワード" なると思うのですが"ログインエラー"になります。 わかる方よろしくお願いします。

  • inputのオートコンプリート時の取得判定

    下記のようなソースで実験中です。 logとpassが両方入っていればボタン有効化、入ってない場合無効化、というのが意図ですが、ページ表示した直後、オートコンプリートでpassが入力されている場合に正しく判定しません。logは有無判定ちゃんと出来ました。 これは解決策というのはあるのでしょうか？ よろしくお願いします。 //HTML <form><input name="log" id="user" type="text"><input name="password" name="pass"><input type="submit" value="Login" name="submit"></form> //jquery $('input[name="log"]').each(function(){ $(this).on("load focus",function(){ if($this.val()==''||$this.next('input[name="pass"]').val()==''){ $this.parents('form').find('input[name="submit"]').prop("disabled",true); }else{ $this.parents('form').find('input[name="submit"]').prop("disabled",false); } }); });

  • 複数の入力欄についての入力チェック

    JAVAScriptを勉強し始めたものです。 よろしくお願いします。 1つのページに複数のフォームと入力欄があります。 それぞれの入力欄は数字を入力することになっていて、その数字が１～９０の間にあるかどうかをチェックしたいと考えています。 下記のようなページを見ると、一つ一つの入力欄について、IF文でチェックしているのですが、一括してチェックするようなことは可能ですか？ http://www.tagindex.com/javascript/form/check1.html －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 【以下に、やりたいことの例を示します】 <script type="text/javascript"> <!-- function matchNum() { n=eval(document.myFORM1.myTEXT1.value); // ←この行の「myFORM1」と「myTEXT1」をすべてを網羅するように書き換えられないか？ if ( n < 1 || n > 90 ) { alert("入力できるのは、1～90の値です。"); } } // --> </script> <FORM METHOD="GET" name="myFORM1"> <INPUT TYPE="text" NAME="myTEXT1" onblur="matchNum()"> <INPUT TYPE="text" NAME="myTEXT2" onblur="matchNum()"> <INPUT TYPE="text" NAME="myTEXT3" onblur="matchNum()"> </FORM> <br> <FORM METHOD="GET" name="myFORM2"> <INPUT TYPE="text" NAME="yourTEXT1" onblur="matchNum()"> <INPUT TYPE="text" NAME="yourTEXT2" onblur="matchNum()"> <INPUT TYPE="text" NAME="yourTEXT3" onblur="matchNum()"> </FORM> <br> <FORM METHOD="GET" name="myFORM3"> <INPUT TYPE="text" NAME="hisTEXT1" onblur="matchNum()"> <INPUT TYPE="text" NAME="hisTEXT2" onblur="matchNum()"> <INPUT TYPE="text" NAME="hisTEXT3" onblur="matchNum()"> </FORM> <br> <FORM METHOD="GET" name="myFORM4"> <INPUT TYPE="text" NAME="herTEXT1" onblur="matchNum()"> <INPUT TYPE="text" NAME="herTEXT2" onblur="matchNum()"> <INPUT TYPE="text" NAME="herTEXT3" onblur="matchNum()"> </FORM>

  • サーブレットに移動できないできない

    HTTPステータス 405 - HTTPのGETメソッドは、このURLではサポートされていません。 type ステータスレポート メッセージ HTTPのGETメソッドは、このURLではサポートされていません。 <%@ page contentType="text/html; charset=UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href="css/style.css" rel="stylesheet" type="text/css" /> <title>ログイン画面</title> </head> <body> <header> <h3>書籍一覧システム</h3> </header> <div id="main"> <p>ユーザーIDとパスワードを入力してください。</p> <form action="/book_list/login" method="post"> ユーザーID:<input type="text" name="bookUserId"><br> パスワード:<input type="password" name="password"><br> <input type="submit" value="ログイン"><br> <a href="<%=request.getContextPath() %>/Login">gogoggo</a> </form> </div> <%@ include file="footer.jsp"%> </body> </html> <a href="<%=request.getContextPath() %>/Login">gogoggo</a> ↑個人的にはこの部分がだめで動かないと思っているのですが まだわからないのでどなたかお力添えをお願いします

  • ボタンでパラメータを渡すには

    下記の場合、ボタンでフォーム内のパラメーターをリンク先に渡すにはどうしたらいいでしょうか？どなたかご教授下さい。 --------------------------------------------------- <form action="login.html" name="Form1" onsubmit="return checkItem(Form1)"> <input type="text" name="userId" size="24"><br> <input type="password" name="password" size="24"><br> <input type="submit" value="ログインする"><br> <input type="button" value="過去のデータを見る" onClick="location.href='history.html'"> </form> ---------------------------------------------------

    • ベストアンサー
    • HTML
  • はじめまして、javascriptがよくわからないので助けてください。

    はじめまして、javascriptがよくわからないので助けてください。 パスワードを入力し、ボタンを押すと次の画面にいけるのに加えてEnterキーを押しても遷移する様にしたいのですが、いまいちやり方がわかりません。 function enter()というを使うというところまでは理解しましたが使い方がわかりません。 下記、ソースになります。 どなたかアドバイス下さい。 <html> <head> <title>Login Page</title> <link rel="stylesheet" href="style.css" type="text/css" media="all" /> </head> <body> <?php if ($error_message) { print '<font color="red">'.$error_message.'</font>'; } ?> <form action="index.php" method="POST"> Login ID: <br> <select name="user_name"> <option value="123">123</option> </select> <br> <br> Password:<br> <input type="password" name="password" value"" /><br /> <br> <input type="submit" name="login" value="Login" /> </form> </body> </html>

    • 締切済み
    • PHP

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する