- ベストアンサー
<input type='password'>について
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
下記のように高さを指定すればどうですか？ <input type='password' style='width:80px;height=18px'> <input type='text' style='width:80px;height=18px'>
関連するQ&A
- <input type="password">はオートコンプリートが使
<input type="password">はオートコンプリートが使えない？ htmlの、formのことなんですけど。自分の作ったページで、 <input type="password" name="UserPassword" /> にすると、これがオートコンプリートが効きません（下に過去に入力したリストが出ない）。 <input type="text" name="UserPassword" /> にすると、出ます。でも type="password" ではないので、 文字が ******** になってくれません。見えてしまいます。 type="password" ってオートコンプリートが使えないものでしたっけ？ そういうものなら諦めるんですけど。 知ってる方いたら教えてください。 ※ 一度submitして二度目で調べています。 ブラウザの設定も大丈夫なはずです。 <form>に autocomplete="on" とかも設定していません。
- ベストアンサー
- HTML
- input要素のtype属性を変えたい
携帯サイトのパスワード入力フォームで、最後に入力した1文字だけ表示し、他をマスクするというものがあり、面白いなと思ってPCサイト用にJavascriptで作ってみようと思いました。HTML部に <input type="password" id="pass" /> と書き、初期設定としてJavascript部に window.onload = function() { var input = document.getElementById("pass"); input.type = "text"; input.onkeydown = 実装する関数; } と書いています。これはHTMLにイベントハンドラを設定したくない（HTMLとJavascriptを分離させたい）からです。type属性がpasswordだとどうやっても文字は見えないので、textに変えてキーが押されるごとに最後の文字以外をマスクしてvalueに挿入する方法を考えていますが、これがうまくいきません。どうやらtype属性は値を取得することは可能ですが、挿入（置き換え）することはできないようなのです（ここでエラーが起こっているようです）。他に input.removeAttribute("type"); input.appendAttribute("type", "text"); といったやり方も試してみましたが、うまくいきませんでした。 これは仕様で、どうやっても無理なのでしょうか？ <input type="password" /> を <input type="text" /> に変えれば対処できる問題ですが、Javascript不使用ユーザーにも対応できるようにしたいので、なんとか<input type="password" />形式のまま解決できませんでしょうか？
- ベストアンサー
- JavaScript
- INPUT TYPE ・・・
タグの、<INPUT TYPE="TEXT"… と TYPE="INPUT"… の違いは何ですか？ ここ１週間、ずっとサイトの検索をしたりしているのですが、答えが分かりませんでした…
- 締切済み
- HTML
- <input type=text> を全角記入でもＯＫに・・
<input type=text name=guard size=8$ff> 設置したＣＧＩ掲示板の投稿パスワードの入力欄が、半角入力指定になっています。 これを全角入力でもできるようにするにはどうすればよいでしょうか？ 以前レンタル掲示板でできるものがあったと思うのですが・・。（記憶違いかも） 予想では type=password でできるのではないかと思いますが、変更するだけで動作は大丈夫？？ できれば =text でできるならと思い質問してみました。よろしくお願いします。
- ベストアンサー
- その他（プログラミング・開発）
- INPUT TYPE
入力不可（表示のみ）にしたいのですが、 ラベルというtypeはないのですか？ とりあえず、text value にして、readonlyにしたのですが、 <input type='text value' readonly name='NAME' value=<%=NAME3%>> フォーカスがあたってしまいます。 テキストボックスの背景色を変える方法を教えてください。 または、ラベルという概念があるならば、教えてください。
- ベストアンサー
- HTML
- inputボックスのサイズを指定するには？
inputボックスのサイズ（大きさ）を指定するには？ <style type="text/css"> body { font-size:3em; } </style> としているので、文字は大きくなるのですが、 inputボックスのサイズは大きくなりません。 inputボックスのサイズも3emにするにはどうすればいいですか？ ”input サイズ text”でググったら、 <input type="text" name="example2" size="50"> 等 文字制限のサイズの方法しか見つけられませんでした。
- ベストアンサー
- HTML
- <input type="file" で初期値を設定したいのですが、
<input type="file"....というボックスに初期の文字を設定したいのですが、 type="text"の時のようにValue="c:\a.txt"では設定できませんでした。 こういうことは不可能な仕様でしょうか？ 何か方法があったら教えて頂きたいです。 よろしくおねがいいたします。
- ベストアンサー
- Java
- <textarea>と<input type="text">の横の長さをそろえる方法
<textarea>と<input type="text">の横長さをそろえるにはどうしたらいいのでしょうか？ 普通にcols=とsize=ではどうしてもそろえることができません。 よろしくお願いします。
- ベストアンサー
- HTML
- selectでinputの表示を変えたい
セレクトを選択した時に、inputの一部をdisabledにし、同時にinputの背景色を変更したいと思っています。 ----------------------------------------------------------------------- 現在はこんな感じです。 function menuLink(linkLoc) { if(linkLoc !="") { ifrm.location.href=linkLoc;} } --- セレクト１ <SELECT style="WIDTH: 130px" onchange="menuLink(this.options[this.selectedIndex].value)"> <OPTION value="11.html">1</OPTION> <OPTION value="22.html">2</OPTION> <OPTION value="33.html">3</OPTION> セレクト２ <SELECT style="WIDTH: 130px" onchange="menuLink(this.options[this.selectedIndex].value)"> <OPTION value="44.html">1</OPTION> <OPTION value="55.html">2</OPTION> <OPTION value="66.html">3</OPTION> セレクト３ <SELECT style="WIDTH: 130px" onchange="menuLink(this.options[this.selectedIndex].value)"> <OPTION value="77.html">1</OPTION> <OPTION value="88.html">2</OPTION> <OPTION value="99.html">3</OPTION> (実際にはもっと多くのセレクトがあります) <TR> <TD><INPUT type="text" name="aa" size="10" maxlength="2"></TD> <TD><INPUT type="text" name="ba" size="10" maxlength="2"></TD> <TD><INPUT type="text" name="ca" size="10" maxlength="2"></TD></TR> <TR> <TD><INPUT type="text" name="ab" size="10" maxlength="2"></TD> <TD><INPUT type="text" name="bb" size="10" maxlength="2"></TD> <TD><INPUT type="text" name="cb" size="10" maxlength="2"></TD></TR> <TR> <TD><INPUT type="text" name="ac" size="10" maxlength="2"></TD> <TD><INPUT type="text" name="bc" size="10" maxlength="2"></TD> <TD><INPUT type="text" name="cc" size="10" maxlength="2" /></TD></TR> <TR> <TD><INPUT type="text" name=da readOnly value=0 size=10></TD> <TD><INPUT type="text" name=ea readOnly value=0 size=10></TD> <TD><INPUT type="text" name=fa readOnly value=0 size=10></TD></TR> <TR> <TD><INPUT type="text" name=db readOnly value=0 size=10></TD> <TD><INPUT type="text" name=eb readOnly value=0 size=10></TD> <TD><INPUT type="text" name=fb readOnly value=0 size=10></TD></TR> <TR> <TD><INPUT type="text" name=dc readOnly value=0 size=10></TD> <TD><INPUT type="text" name=ec readOnly value=0 size=10></TD> <TD><INPUT type="text" name=fc readOnly value=0 size=10></TD></TR> ----------------------------------------------------------------------- セレクト１のどれかを選択した時に、インプットのaa,ba,da,eaをdisabledにし、同時にaa,ba,da,eaの背景色を変更 セレクト２のどれかを選択した時に、インプットのab,bb,db,ebをdisabledにし、同時にab,bb,db,ebの背景色を変更 という感じにしたいのですが、可能でしょうか？ 可能であれば書き方を教えていただけると助かります。 よろしくおねがいします。
- 締切済み
- JavaScript
お礼
できました！ こんな簡単な方法で出来たんですね＾＾； ありがとうございます