• ベストアンサー

<input type="text">を選択した時にCtrl+Aになってほしい

ユーザーにURLをコピーしてもらいたいのですが、 <input type="text" name="url" value="http://xxx.com/xxx"> という項目があり、マウスを入力ボックスでクリックすると Ctrl+Aを押した時と同じ動作にすることは可能でしょうか? クリップボードにコピーするのは、IE7以降で警告が 出るようなので、Ctrl+Aで全選択してもらう方向で考えています。

  • php4
  • お礼率42% (373/888)

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

Googleで「javascript リファレンス」で検索したところ、 http://www.tohoho-web.com/js/form.htm#ElmText というページがありました。 ここの「27. フォーム部品(テキスト部品)」に書かれている1文が そのまま php4 さんの求めているものだと思いますよ。

php4
質問者

お礼

ありがとうございます。 onfocus="this.select()"> でできました!IEでもFireFoxでも動作し完璧です。

関連するQ&A

  • INPUT TYPE

    入力不可(表示のみ)にしたいのですが、 ラベルというtypeはないのですか? とりあえず、text value にして、readonlyにしたのですが、 <input type='text value' readonly name='NAME' value=<%=NAME3%>> フォーカスがあたってしまいます。 テキストボックスの背景色を変える方法を教えてください。 または、ラベルという概念があるならば、教えてください。

    • ベストアンサー
    • HTML
  • <input name="" type="text" value="****" size="15">

    <input name="" type="text" value="****" size="15"> PCではvalueが表示できますが携帯電話では表示されません。 アドバイスお願いします。

  • 同一nameの input type="text" の合計を計算したい

    初めて質問させて頂きます。 form 内で同じname名を付けられたテキストフィールドの値の合計を計算し、その値に定数を乗じた値を表示させたいのですが、出来ずに困っております。 name名を別にすれば簡単に出来そうなのですが、このinputが別CGIからの受け取りの関係で数が不定で同一nameが付いてしまいます。(inputは1個以上で上限は無し) CGI側を書き換える事は自分の技術的に不可能なので、このような質問となりました。 以下は自分なりに試行錯誤の末の拙いソースです。 どなたかお分かりになる方、ご教授を宜しくお願い致します。 <html> <head> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"> <!-- function kakunin() { var sub = Form.getInputs('form1', 'text'); ( var subtotal = ~~~; ここに上で得た数字を合計するみたいなものがくるのかなと・・・) var total = subtotal * 200; document.form1.field_total.value = total; // 合計を表示 } // --> </script> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <body> <form action="" name="form1"> <table> <tr><td><input name="kazu" type="text" value="2"></td></tr> <tr><td><input name="kazu" type="text" value="1"></td></tr> <tr><td><input name="kazu" type="text" value="3"></td></tr> <tr><td>・・・増えたりします・・・</td></tr> <tr><td><input type="button" size="8" onclick="kakunin()" value="合計を確認"></td></tr> <tr><td><input type="text" name="field_total" size="30" value="total"></td></tr> </table> </form> </body> </html>

  • input type="text" ページが自動で

    ページ内に <form> <input type="text" value=""> </form> を入れているのですが、 アンドロイドので該当のページを見て、 テキストボックスをアクティブにすると、 ページが自動でちょっとだけズームしてしまいます。 パソコンで見る時のように、 テキストボックスにカーソルを移動しても ズームしないようにするにはどうすればいいでしょうか?

    • ベストアンサー
    • HTML
  • INPUT(TEXT)フォームのリセット

     テキストのフォームをリセットできない状況で,どうすればよいかご指導いただきたく投稿しました。HTMLファイルから検索ワード"SerchWord"を再検索画面にも表示させるために"GET"で送り,$_GETで受け取るという形にしています。  ちなみに,今回の命令ではタイプをボタンにして,onClickで場所を指定してリセット命令をかけていますが,type='reset'でも,onClick='thisform.reset()'でも,テキストボックス内の文字は消えませんでした。  以下,その部分のプログラムです。 …… if($_GET["SerchWord"] == null || (strcmp($_GET["SerchWord"] , "") == 0)) { echo("<input size='60' type='text' name='SerchWord' value='' />"); } else { echo("<input size='60' type='text' name='SerchWord' value='" . $_GET["SerchWord"] ."' /> "); } echo("<INPUT type='submit' value='検索'><BR>"); echo("<INPUT type='button' value='リセット' onClick='document.Kensaku.SerchWord.reset()'><BR>"); ……  もしかすると悩むレベルではないかもしれませんが,自分にとって簡単なようで,ものすごく悩んでいます。  どなたかご指導いただければ・・・。よろしくおねがいします。

    • ベストアンサー
    • PHP
  • input type ボタン

    お世話になります。 inputtype ログインボタン・検索ボタンの事で、お尋ねいたします。 あちらこちらのサイトを参考にログインと検索ができるプログラムを 真似て作成いたしています。初めての事で内容も半分ぐらいしか理解出来ていないままのスタートです。 参考サイトのhtml部分・CSSソースを作りかけの自分のサイトに記載しますとログインボタンと検索ボタンのレイアウトが崩れて 表示されません。 何が原因なのか不明のままです!! お手数かけますが、ご指導お願い申しあげます。 下記に簡単にinputの部分だけソースを書きますので宜しくお願い いたします。 また別ページ(新規に)html<body>~<body>間に同じソースを 書きますと検索ボタンもログインボタンもきちっと表示されます。 中身のプログラムソースに入る前にレイアウトを先に手掛けたのですが 意気消沈しています。 他のCSSとかjavascriptかのソースと競合するのでしょうか? 解らない事ばかりです。 奇麗に表示ができれば幸いです。 宜しくお願い申し上げます。 googleサーチのinputです。 <div class="entry_search"> <form method="get" action="http://www.google.co.jp/search" target="_parent"> <table width="166" border="0" bgcolor="#ffffff"> <tbody> <tr> <td width="160" height="32" align="left" valign="top" nowrap="nowrap"><a href="http://www.google.co.jp" target="_blank"> <img src="imges/common/poweredby_google.gif" alt="Google" border="0" /></a> <br /> <input type="text"name="q" size="17" maxlength="255" value="" /> <input type=hidden name=ie value=Shift_JIS /> <input type=hidden name=oe value=Shift_JIS /> <input type="hidden" name="hl" value="ja" /> <input type="hidden" name="domains" value="#" /> <input type="submit" name="btnG" value="検索" /></td> </tr> <tr> <td nowrap="nowrap"><table> <tbody> <tr> <td ><input type="radio" name="sitesearch" value=" " /> <font color="#000000" size="-1">Web</font></td> <td><input type="radio" name="sitesearch" value="#" checked="checked" /> <font color="#000000" size="-2">サイト内</font></td> </tr> </tbody> </table> <input name="client" value="pub-5778690733142083" type="hidden" /> <input type=hidden name=ie value=Shift_JIS /> <input type=hidden name=oe value=Shift_JIS /> <input type=hidden name=hl value="ja" /> <input name="cof" value="GALT:GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:ffffff;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;" type="hidden" /> <input type="hidden" name="hl" value="ja" /></td> </tr> </tbody> </table> </form> こちらがログオンの一部です。 <div class="AA_approach_b"> <h4 class="AA_blockHead AA_loginHead">ログイン</h4> <form name="login" action="#" method="post"><input name="action" value="login" type="hidden"> <input name="#" value="4b96bbf140d2a3cb9821cc2cba76395e21feb0f5b9ab041b561f0a03fc15ef2a" type="hidden"><table class="bestfood_loginTable"> <tbody><tr> <th class="CC_th">E-mail</th> <td class="CC_td"><input name="loginEmailAddress" value="" type="text"></td> </tr> <tr> <th class="CC_th">password</th> <td class="CC_td"><input name="loginPassword" value="" type="password"></td> </tr> <tr> <td colspan="2" button type="class="CC_submit" value="submit"> <input value="ログイン" type="submit"> </button> </td> </tr> </tbody></table> <div class="AA_annotation"><a href="#">パスワードをお忘れの方</a></div> <input name="referer" value="block" type="hidden"> </form> 上記の他にCSSと手元にCGIソースがあります。 お手数ですが宜しくお願い申し上げます。 初めての事ですので表現や考えに間違いありますればご容赦を....!!

  • ひとつのJavaScript記述で複数対応したい

    お世話になります。 下記スクリプトの改良する点を教えていただきたいです 何十件と続くリストの中から選択したinputタグの中身をコピーしたいと考えています。 いろいろチャレンジしているのですが、正解を導き出せず、困っています。 ご教授よろしくお願いします。 <!-- JavaScript --> function copyToClipboard() { // コピー対象をJavaScript上で変数として定義する var copyTarget = document.getElementById("copyTarget[可変する数字]"); // コピー対象のテキストを選択する copyTarget.select(); // 選択しているテキストをクリップボードにコピーする document.execCommand("Copy"); // コピーをお知らせする alert("コピーできました! : " + copyTarget.value); } <!-- HTML内--> <div class="list"><input name="url" type="text" value="https://www.aaaaaaaaaaa.com/img/2020/8/3333333.jpg" id="copyTarget1" style="width:96%;" /><input type="button" id="copy" value="クリップボードへコピーする" onclick="copyToClipboard()"></div> <div class="list"><input name="url" type="text" value="https://www.aaaaaaaaaaa.com/img/2020/8/2222222.jpg" id="copyTarget2" style="width:96%;" /><input type="button" id="copy" value="クリップボードへコピーする" onclick="copyToClipboard()"></div> 以下ループで続く...

  • リンクからクリップボードへコピー

    JavaScript で、クリップボードへテキストを送る方法がありました。 それが以下のようなものですが、 <input type="button" value="クリップボードへ送る" onClick='window.clipboardData.setData("text","テキスト文字")'> これだとボタンを押す時にのみクリップボードへ送られますが、 URL 先へのリンクをクリックしたら、クリップボードコピーできるように したいのです。可能でしょうか。

  • <input type="file" で初期値を設定したいのですが、

    <input type="file"....というボックスに初期の文字を設定したいのですが、 type="text"の時のようにValue="c:\a.txt"では設定できませんでした。 こういうことは不可能な仕様でしょうか? 何か方法があったら教えて頂きたいです。 よろしくおねがいいたします。

    • ベストアンサー
    • Java
  • struts:input type="text"とhtml:textの違いは?

    はじめまして。 strutsのhtmlタグで質問があります。 Formの中にvalidateを実装しました。 画面にエラーメッセージを表示するまではうまくいきましたが、 遷移前に入力した値を保持し再度表示してくれません。 原因を調べてみると、 <input type="text" name="hoge"> ではなく、 <html:text property="hoge"/> ならば値を保持してくれることがわかりました。 ここで質問なのですが、 (1)strutsでは、値の保持のため<html:text~>を使うのが妥当なのか? (2)strutsで<input type="text"~>を使用する場合、どういう実装をすれば値をjspに渡せるのか? (sessionに格納するのはなんとなくわかります。ですが、strutsの場合、ActionとFormだけで動作しますし、通常のsetAttribute("hoge","value");をどこで入れるのが適切なのかわかりませんでした。 初心者な問題で申し訳ありませんが、strutsをより理解したいため、お分かりになる方教えていただけないでしょうか?よろしくお願いします。

専門家に質問してみよう