下記のhtmlを入れると、添付ファイルのようにブラウザで表示され
「Copy」を押すとテキストをコピーできます。
この「Copy」を「サイト」に変えて、ボタンを押すとコピーでなくサイトへ新しいタブでページを開くようにしたいのですが、
どのように直せばよろしいでしょうか?
<p>サイト名<br><input type="text" value="" style="width:70%" id="text1"><button class="btn" type="button" data-clipboard-demo data-clipboard-target="#text1">Copy</button></p>
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
asdfxz さん
・・・・ボタンを押すとコピーでなくサイトへ新しいタブでページを開くようにしたい・・・・・
したい事は、こういう事ですか。↓
<p>サイト名<br><input type="text" value="" style="width:70%" id="text1"><button class="btn" type="button" data-clipboard-demo data-clipboard-target="#text1" onclick="window.open(document.getElementById('text1').value,'_blank')">サイト</button></p>
No.1
- 回答日時:
form文を使わないと、入力データの引継ぎをjavascriptなどで行なう必要が有ります。
なので、簡潔にformを使います。
サイト名<br>
<form >
<input name="url" type="url" style="width:70%" value="">
<input type="button" value="サイト名" onclick="window.open(this.form.url.value,'freelink')">
</form>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript 付属の写真のようにエラーが出るようにしたいです。 提示したコードだけでは、エラーメッセージ文字が上の 1 2021/11/23 08:27
- PHP 日付と年月日を選択するコードを書いているのですが、セレクトボックスの中に、「曜日」を表示させたいので 3 2021/12/10 09:20
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 【JavaScript】検索がヒットした場合、プルダウンをオープンで表示させる方法 2 2023/09/06 14:02
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript javascriptとPHPで入力フォームのコードを書いているのですが、 流れとしては、①入力フォー 2 2021/12/02 09:18
- JavaScript html selectの内容を初期値に戻す 2 2021/11/10 18:29
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教えるわが家の防犯対策術!
ホームセキュリティのプロが、家庭の防犯対策を真剣に考える 2組のご夫婦へ実際の防犯対策術をご紹介!どうすれば家と家族を守れるのかを教えます!
-
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
[初心者]javascriptのfor文でなぜか繰り返し処理をしない。理由がわかりません。
JavaScript
-
javascriptの値をformのinput hiddenに入れたい
JavaScript
-
-
4
擬似コード
C言語・C++・C#
-
5
ボタンが押されたらWebページの文字コードを 変える、というプログラミングを書きたいです。 目的は文
HTML・CSS
-
6
かっこいいウェブを作るテク
HTML・CSS
-
7
擬似コード 長さがmの配列でなんで For i =0 to m とかかくの?m-1までしかないでしょ
C言語・C++・C#
-
8
類似ページ複数作るのはどう?
SEO
-
9
Linux のシェルスクリプトの強制終了の仕方について
UNIX・Linux
-
10
javascriptでbgmを自動再生する方法を教えてください。
JavaScript
-
11
htmlのエラーについて(デバッグ)
PHP
-
12
C# でソフト開発をした事のある人がC++を学習することになればかなり早く言語を身につけられる可能性
C言語・C++・C#
-
13
「10」を変換すると「13A0」となってしまいます。
Windows 10
-
14
【JavaScript?HTML?】Webページでこのページは戻ることは出来ませんと表
JavaScript
-
15
サブルーチンを使った再帰的なプログラム
C言語・C++・C#
-
16
プログラミング言語の制作方法について
C言語・C++・C#
-
17
Class ってぱいそんでならったけど使いますか?なんか習う割にはあんまり覚えてないし見ない気がする
Perl
-
18
VisualStudio2022でC言語プログラムで全角文字を使用すると不明なエラーが表示される
C言語・C++・C#
-
19
これの対応OSを教えて下さい。php-8.3.0-src.zip
PHP
-
20
情報の表現。()内がどうしてもわかりません。
Ruby
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォルダに名前をつけるバッチ...
-
ExcelのVBAで文章にある複数の...
-
EXCELからWORDの文章を取得
-
PHP GDでテキストを含む最小の...
-
ボールの動きがスムーズに動い...
-
RichTextBoxで指定行の色を自動...
-
あいまい検索方法について
-
VB2010 シリアル通信の文字列...
-
ドラゴン曲線を再帰で書く
-
VBA public変数はどのようなこ...
-
他のフォームから別のフォーム...
-
チェックボックスを操作できな...
-
C言語のサフィックスについて
-
C#のループでtextboxに値を入れ...
-
visual basic初心者です。 visu...
-
String型の値にスラッシュをつ...
-
文字列の中からある文字の個数...
-
VB.NETでのイベントの途中終了
-
VS CodeでTEXファイルにPDF形式...
-
FlexGridで文字色を変更。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
sublimit textっていうエディタ...
-
テキストボックスかラベル上の...
-
ExcelのVBAで文章にある複数の...
-
WORd VBA 文章を単語に分解する
-
Googleシート「A1」でなくて「A...
-
Pythonのre.split()の正規表現...
-
XMLファイルのattribute値がう...
-
【VBS】クリップボード操作につ...
-
[VB6] SQLの作成について
-
Pythonでのstrip()とsplit()の...
-
vba 日本語以外を抽出について
-
助けてください!
-
perlによるxmlファイルの取得
-
ReadParseで同名のinput名は配...
-
表の文字の均等割りについて
-
DTPicker テキストクリアの方法
-
VB6.0 sp5]テキストボックスと...
-
文字列を配列に…。
-
文字列を日付型情報として計算...
-
Rubyにおける正規表現(一致し...
おすすめ情報