![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
下記の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>
![「htmlの修正方法を教えていただきたいで」の質問画像](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/a/989646_654970724d448/M.png)
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も見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
[初心者]javascriptのfor文でなぜか繰り返し処理をしない。理由がわかりません。
JavaScript
-
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
IndexedDB を使ってファイルアップロード可能な掲示板を非同期通信で作成したい
JavaScript
-
-
4
ボタンが押されたらWebページの文字コードを 変える、というプログラミングを書きたいです。 目的は文
HTML・CSS
-
5
【JavaScript?HTML?】Webページでこのページは戻ることは出来ませんと表
JavaScript
-
6
PythonのTkinter詳しい方へ。画像や言葉の意味を答える3択クイズを作るのに手間取っています
その他(プログラミング・Web制作)
-
7
ホームページについて質問です。トキワ劇場https://www.tokiwa-movie.com/P
HTML・CSS
-
8
HTMLとJavaScriptで作ったタイマーアプリで時間分の設定方法がわからない
JavaScript
-
9
類似ページ複数作るのはどう?
SEO
-
10
かっこいいウェブを作るテク
HTML・CSS
-
11
HTMLとJavaScriptで作ったタイマーアプリが正常に動作しない
JavaScript
-
12
コードレビューをお願いします。
JavaScript
-
13
プログラミング言語の制作方法について
C言語・C++・C#
-
14
Cookieに保存されない
JavaScript
-
15
[再掲]JavaScript|特定URLだった時、特定の要素を変更するコードの書き方を教えて下さい
JavaScript
-
16
JavaScriptで作ったアプリが正常に動作しない。改善したい。
JavaScript
-
17
Colorboxがうまく設置できません
JavaScript
-
18
ボタンを押したあとに画像を表示させる方法についてアドバイスお願い致します
JavaScript
-
19
var exports = exports || {}; ← この意味を教えてください。
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
[VB6] SQLの作成について
-
テキストボックスかラベル上の...
-
phpのsetTextで変数の使用
-
Googleシート「A1」でなくて「A...
-
VBA public変数はどのようなこ...
-
他のフォームから別のフォーム...
-
Functionの戻り値を配列にした...
-
C#のループでtextboxに値を入れ...
-
String型の値にスラッシュをつ...
-
subsequentとnextの違いってな...
-
【VB.NET】テキストボックスに...
-
【VB6.0】 あるフォームから他...
-
VB.NETでのイベントの途中終了
-
タイムアウトする仕組みを作りたい
-
HTML + VBScript で Sleep でき...
-
合計値の反映
-
Vba テキストボックスの文字列...
-
ClickとChangeイベントの違いは...
-
エクセルVBAでテキストボッ...
-
ドラゴン曲線を再帰で書く
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ExcelのVBAで文章にある複数の...
-
テキストボックスかラベル上の...
-
RichTextBoxで指定行の色を自動...
-
[VB6] SQLの作成について
-
ReadParseで同名のinput名は配...
-
DTPicker テキストクリアの方法
-
sublimit textっていうエディタ...
-
Googleシート「A1」でなくて「A...
-
Can you text me your business...
-
vba 日本語以外を抽出について
-
文字列を配列に…。
-
フォームのテキストボックス内...
-
【VBS】クリップボード操作につ...
-
VB2010 シリアル通信の文字列...
-
「Thanks 4 sending me」←誤文?
-
XMLファイルのattribute値がう...
-
PHP GDでテキストを含む最小の...
-
助けてください!
-
EXCELからWORDの文章を取得
-
VB6.0 sp5]テキストボックスと...
おすすめ情報