- ベストアンサー
スマホで文字入力画面を表示させたくない(html)
input要素のテキストフィールド<input type="text">にフォーカスしたとき、スマホの文字入力画面を表示してほしくないのですが、なにか方法はありますか? 端末側で設定するのではなく、Webサイト側で制御したいのです。 input要素をreadonlyやdisabledにすれば表示されませんが、そうしてしまうとキャレットを制御できなくなってしまうため、だめでした。 キャレットは制御できるけど文字入力画面はでない。なんて方法、ご存知のかたいらっしゃいませんか?
- みんなの回答 (7)
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- INPUT TYPE
入力不可(表示のみ)にしたいのですが、 ラベルというtypeはないのですか? とりあえず、text value にして、readonlyにしたのですが、 <input type='text value' readonly name='NAME' value=<%=NAME3%>> フォーカスがあたってしまいます。 テキストボックスの背景色を変える方法を教えてください。 または、ラベルという概念があるならば、教えてください。
- ベストアンサー
- HTML
- 表示専用inputをsubmitしない方法
ゆえあって、表示用の <input readonly="readonly"> を多用するページがあります。 さて、このページを submit したところ、 「HTTPステータス 400 - POST パラメーターが最大制限を超えています。」 と表示され、送信すべき他のデータがうまく送信できません。 そこで jQueryを用いて submit時に、 ページ内にあるすべての <input readonly="readonly"> の input をすべて disabled="disabled" と変更して、 これらを送信対象としない方策を検討しています。 下記のように記述しましたがなかなかうまくいかず、お知恵を拝借したいのです。 何卒よろしくお願いいたします。 ----- // 表示専用inputをsubmitしない jQuery(function($){ $("form").submit(function() { var l = document.getElementsByTagName("input"); for(var i in l){ if (l[i].is(':readOnly')) { l[i].attr("disabled", "disabled"); } } }); });
- ベストアンサー
- JavaScript
- inputタグのCSS化
HTMLの1行テキストボックスで、 <input type="text" name="aaa" value="bbb" disabled="true" readonly="true"> と設定したいのですが、「disabled」と「readonly」をスタイルシートで書きたいのですが、記入方法が全く見当がつきません。また調べても記載方法までたどり着きません。 上記の記載方法を教えて下さい。よろしくお願いします。
- ベストアンサー
- HTML
- 一部スクロール表示が含まれる画面を印刷する方法
ホームページ画面の一部に縦スクロールの設定をしております。 画面上に印刷ボタンを作成し、プリントアウトしたいと考えておりますが、ファイル→印刷と押すと表示された部分のみしか印刷されません。 どなたかご存じでしたらご教示願います。 【HTML】 <div style="top : 161px;left : 8px; position : absolute; z-index : 4; width : 847px; height : 252px; " id="Layer5"> <div style="background: white; padding: 10px; margin-bottom: 10px; border: 1px solid #333333;" class="test"> <table border="1" height="252" width="818"> <tr bgcolor="gray" style="color:white" height="50"> <th height="42" size=10><b>注文日</b></th> <th height="42" width="212">品物・オプション<br>注文先・単価</th> <th height="42" size=10>金額/個数</th> <th height="42" size=20><b>発注者/入力者</b></th> </tr> <% for(var i in content) { %> <tr bgcolor="lightyellow" > <% var obj = content[i]; %> <td align="center" height="47" size="10"> <input type="text" name=注文日 size="10" style="background:white; color:#000000;" align="middle" value="注文日" disabled="disabled"> </td> <td align="center" height="47" width="10" style="white-space:nowrap;" > <input type="text" name=品物 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.品物 %>" disabled="disabled"> <input type="text" name=option size=1 style="background:white; color:#000000;" align="middle" value="" disabled="disabled"> <input type="text" name=品物2 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.品物2 %>" disabled="disabled"> <input type="text" name=option2 size=1 style="background:white; color:#000000;" align="middle" value="" disabled="disabled"> <input type="text" name=品物3 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.品物3 %>" disabled="disabled"> <input type="text" name=option3 size=1 style="background:white; color:#000000;" align="middle" value="" disabled="disabled"><br> <input type="text" name=tyumonsaki size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.order_destination %>" disabled="disabled"> <input type="text" name=単価 size=1 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.単価 %>" disabled="disabled"> <input type="text" name=tyumonsaki2 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.order_destination2 %>" disabled="disabled"> <input type="text" name=単価2 size=1 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.単価2 %>" disabled="disabled"> <input type="text" name=tyumonsaki3 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.order_destination3 %>" disabled="disabled"> <input type="text" name=単価3 size=1 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.単価3 %>" disabled="disabled"> </td> <td align="center" height="47" size=10> <input type="text" name=合計金額 size=10 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.合計金額 %>" disabled="disabled"> <input type="text" name=合計数 size=10 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.合計数 %>" disabled="disabled"> </td> <td align="center" height="47" size=20> <input type="text" disabled="disabled" name=発注者 size=20 style="background:white; color:#000000;" align="middle" value="<%= obj.発注者 %>"> <input type="text" disabled="disabled" name=入力者 size=20 style="background:white; color:#000000;" align="middle" value="<%= obj.入力者 %>"> </td> </tr> <% } %> </table> </div> </div> 【CSS】 .test { height: 250px; overflow-y: scroll; }
- 締切済み
- JavaScript
- 画面の繰り返し機能について
ある競技大会に出場した競技毎の順位、選手、所属、時間を表示する画面を作ろうと思っています。 現在、参加選手が20名いるため、下記のようなPGを作りました。 選手が一人増える度にINPUTタグを4行、BRタグを1行追加して記入しなければならないのでしょうか。 それとも、繰り返す事の出来る関数(FOR文みたいなもの)があるのでしょうか。 どなたか教えてください。 お願いします。 <HTML> <HEAD> <TITLE>フォームとエレメント(配列で指定)</TITLE> </HEAD> <BODY BGCOLOR="#00ffff"> <FORM> <LABEL>順位</LABEL> <LABEL>選手</LABEL> <LABEL> 所属</LABEL> <LABEL> 時間</LABEL> <BR> <INPUT TYPE="text" SIZE="2" READONLY> <INPUT TYPE="text" SIZE="9" READONLY> <INPUT TYPE="text" SIZE="10" READONLY> <INPUT TYPE="text" SIZE="3" READONLY STYLE="text-align:right"> <!-- 〃 (19回繰り返す) 〃 --> </FORM> </BODY> </HTML>
- ベストアンサー
- HTML
- Firefox3 フォーム入力画面にて
XP Firefox3 で フォーム入力画面とかで <input type=text 電話番号入力(ime-mode: inactive; maxlength=13) で半角数字とか半角スペースを入れ確認画面に進み前画面に戻ると � ←◆の白抜き?マーク � ←参照文字の様な のような文字が表示される場合があります・・・ そのまま何回か往復してみるとどんどん増えていきます。 � � � � � � � この現象は一体なんでしょうか?
- 締切済み
- ブラウザ
- selectでinputの表示を変えたい
セレクトを選択した時に、inputの一部をdisabledにし、同時にinputの背景色を変更したいと思っています。 ----------------------------------------------------------------------- 現在はこんな感じです。 function menuLink(linkLoc) { if(linkLoc !="") { ifrm.location.href=linkLoc;} } --- セレクト1 <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> セレクト2 <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> セレクト3 <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> ----------------------------------------------------------------------- セレクト1のどれかを選択した時に、インプットのaa,ba,da,eaをdisabledにし、同時にaa,ba,da,eaの背景色を変更 セレクト2のどれかを選択した時に、インプットのab,bb,db,ebをdisabledにし、同時にab,bb,db,ebの背景色を変更 という感じにしたいのですが、可能でしょうか? 可能であれば書き方を教えていただけると助かります。 よろしくおねがいします。
- 締切済み
- JavaScript
- 入力値のマスク処理について
input type="password"フィールドを利用せず、input type="text" など他の種類のフィールドに パスワードを入力させるようにしたいと思っています。 その入力値のマスク処理を簡単に実現できる方法を教えて頂けないでしょうか? お手数をおかけしますがご回答のほど、宜しくお願いいたします。
- 締切済み
- HTML
- IEの入力フィールドに文字をインプットできない
Internet Exploreだけが、入力フィールドに文字をインプットできなくなってしまった。キーインしてもなんら画面がかわらない。IEを再導入したけど現象は同じです。解決策を教えてください。
- ベストアンサー
- ブラウザ
- object-c 文字入力
こんにちは。 最近object-cの勉強を始めて、わからないことがあったので、質問させていただきます。 文字を2つ入力して、ボタンを押すと、2つの文字が連結されて出力されるプログラムを書きたいのですが、下記に示すようなプログラムの例がどこかに載っていたのですが、field1とfield2というのは一体何なのでしょうか?(下記は入力した文字を取得している過程) (IBAction)buttondown:(id)sender{ NSString *inputtext1 = field1.text; NSString *inputtext2 = field2.text; }
- ベストアンサー
- その他(プログラミング・開発)
お礼
もちろん、キャレットをエミュレートすればいいのは確かです。 でもスマートではないので、なにか方法がないかと質問した次第です。 答えが見いだせないので、この質問は示させて頂きますね。 お付き合いいただきありがとうございました。 それと、selectionPositionは誤りで、setSelectionRangeでした。 訂正します。
補足
>>まず、入力が不要ならどうして input 要素なんだろう? 特に苦労せずに入力エリアを表現できたからです。