Выделяем текст в поле по щелчку
Для поля под контент используем тег <textarea>.После щелчка мышкой по полю содержимое поля будет выделяться для копирования.Значения: rows="3" ( высота поля ) и cols="45" ( ширина поля ) устанавливаются из расчёта внутреннего содержимого.Стили для поля можно вообще не использовать,я дорисовал стили к полю чтобы оно не показалось невзрачным ).
Код для поля без стилей
<textarea rows="3" cols="45" onclick="javascript:this.focus();this.select();">
Здесь содержимое которое будет выделяться при нажатии на поле левой кнопкой мышки.
</textarea>
Код для поля со стилями
<style>
textarea:hover {
-webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
-moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
}
</style>
<textarea rows="3" cols="45" onclick="javascript:this.focus();this.select();">
Здесь содержимое которое будет выделяться при нажатии на поле левой кнопкой мышки.
</textarea>
Аналогично можно применить действие скрипта к тегу <input>.Для него так же можно применить стили украшения.
Пример скрипта для тега input
<input type="text" onClick="this.select();" style="width:260px" value = "Этот текст будет выделен по клику" />
| 
