有村日記

日常感じたこと、気がついたこと、思ったことを記録

WEBページでテキストデータをクリップボードに転送する vol03

2022-03-21 07:46:18 | Weblog


14:<!-- 参照サイト
	
15:https://www.marorika.com/entry/copy-to-clipboard
	
16:https://teratail.com/questions/222919
	
17:-->
	
18:</head>
	
19:<body>
	
20:<h1>アクセス先の名称です</h1>
	
21:<h2>サービス名</h2>
	
22:<p><a href="https://www.・・・・・・・・/" target="_blank" id="・・・・">ログインページ</a> </p>
	
23:<table style="border:none">
	
24:<thead>
	
25:<tr>
	
26:<th>項番</th>
	
27:<th>入力項目</th>
	
28:<th>値</th>
	
29:</tr>
	
30:</thead>
	
31:<tbody>
	
32:<tr>
	
33:<td>1</td>
	
34:<td>入力項目1</td>
	
35:<td><input id="copyTarget1" type="text" value="入力項目1値" readonly>
	
36:<button onclick="copyToClipboard(1)">コピー</button>
	
37:</td>
	
38:</tr>
	
39:<tr>
	
40:<td>2</td>
	
41:<td>入力項目2</td>
	
42:<td><input id="copyTarget2" type="text" value="入力項目2値" readonly>
	
43:<button onclick="copyToClipboard(2)">コピー</button>
	
44:</td>
	
45:</tr>
	
46:<tr>
	
47:<td>3</td>
	
48:<td>入力項目3</td>
	
49:<td><input id="copyTarget3" type="text" value="入力項目3値" readonly>
	
50:<button onclick="copyToClipboard(3)">コピー</button>
	
51:</td>
	
52:</tr>
	
53:</tbody>
	
54:</table>
	
55:</body>
	
56:</html>


最新の画像［もっと見る］

コメントを投稿

ブログ作成者から承認されるまでコメントは反映されません。