background+radius

background+radius не понял по конкретней чем вообще эти синие поля являются?

http://htmlbook.ru/css/border-radius
http://htmlbook.ru/css/background

Синий фон и радиус, сделать можно на css либо картинкой (ну это уже старый метод)

А вот для чего там два синих фона хз, там где word наверное для поиска по одному слову,
второй прямоугольник для ввода более одно слова, крестик наверное для того чтоб стереть введенное в инпут

А вообще лучше посмотреть код, или выложите ссылку на сайт от куда этот пример, ибо так можно только гадать что там и для чего.

эти два поля 2 инпута в одном инпуте?

Нет, это два разных инпута, у одного убрали правый border, у второго левый, они стоят рядом, поэтому визуально кажется что это один инпут.

Либо поместили два инпута в div блок, у инпутов убрали бордеры, а у div стоит border:solid 1px #ccc;

В общем там ничего сложного нет.

вообще не уловил смысл картинки... из догадок это слева селект "формат файла" и справа некое поле для загрузок.

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

ОП, это JAVASCRIPT КОМПОНЕНТ, который работает с backend'ом. Он сделан в связке html+css+javascript+[какой-то серверный язык]. Нет такого тега <input type="search">. Нельзя просто так взять, и объяснить как такие получаются, просто пойми, что у тебя ничего не выйдет. К сожалению.

а может это просто реализация select multiple тогда? Хотя меня смущает крестик у правого поля... В общем автор должен описать что это вообще, гадать бесполезно.

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.