コピペに便利！文字列を選択しやすくする方法

今回はホームページを閲覧している人に何らかの文字列をコピーさせたい場合に、文字列を選択しやすくする方法を紹介したいと思います。

こんな感じ↓

 youtubeなどの動画サイトにある、動画の埋め込みコードなんかにも使われてますよね。

作り方は簡単です。以下のように記述するだけです。

&lt;/p&gt;<br />
&lt;input type=&quot;text&quot; size=&quot;15&quot; value=&quot;文字列&quot; onfocus=&quot;this.select();&quot; readonly&gt;<br />

「15」や「文字列」の部分を書き換えて使うだけです。
なお、上記の例はHTMLでの記述方法です。XHTMLの場合は、

&lt;/p&gt;<br />
&lt;input type=&quot;text&quot; size=&quot;15&quot; value=&quot;文字列&quot; onfocus=&quot;this.select();&quot; readonly=&quot;readonly&quot; /&gt;<br />

と入力してください。

今回は1行のテキスト入力欄を作りましたが、選択させたい文字列が長い場合は、テキストエリアを使うといいですよ。