<input type="text" параметры>

[Ramshine]

как мне сделать поле ввода с закругленными концами?

[YETI]

убрать у инпут бордеры и фон и подложить под него див с фоновой картинкой.

<div style="background:url('pic.jpg') top left;width:110px;height:20px;" >
<input style="border:0;width:100px;height:12px;background:transparent;" type="text"/>
</div>

чтото вроде этого, только придется повозиться с отступами и размерами чтоб все нормально сошлось

[Ramshine]

примерно вот такое надо

[the_ghost]

Самое простое - убрать с помощью css границы поля, подогнать его размеры под размер фонового рисунка и поставить фоновый рисунок поля с круглыми полями. Позицию текста внутри отрегулировать с помощью padding