inputフォーム内のURLをクリック時に全選択させてコピーしやすくする

いつも忘れるので自分のメモ用にも。

inputフォーム内のURLなどをコピーさせたい場合、クリックした時に全選択させたいですよね。

で、こうすれば良いです。

onclick="this.select()　を追加する。

<input type="text" value="http://www.ri-que.com" onclick="this.select()">

はい。無事クリック時に全選択させることができました。

あとは読み取り専用のreadonlyも追加しておきましょう。

<input type="text" value="http://www.ri-que.com" onclick="this.select()" readonly>

よし！記事書いたからもう忘れないかな！