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>
03:<html>
04:<head>
05:<title>WEBページ名称</title>
06:<script>
07:function copyToClipboard(index) {
08:var copyTarget = document.getElementById("copyTarget" + index);
09:copyTarget.select();
10:document.execCommand("Copy");
11:alert("Copied: " + copyTarget.value);
12:}
13:</script>
最近あるページでログインする際に、いくつかの値を逐次入力するのが面倒と感じて、入力値を記載したHTMLファイル（入力値を誤って変更することがないようにHTMLファイルで値を管理）を準備し、ボタン操作で入力値をクリップボードに転送できないものかと考えた。
作成にあたり、下記２サイトを参照させて頂いた。
以下、自家用としてのサンプル。
ソースコードは別ページに続く。