Как можно стилизовать формы HTML и измененять их значения?

Question

[doktorpull]

Всем привет! Есть на страницы "Оформления заказа" формы (текстовые поля) которые необходимо стилизовать так, как это представлено на картинке. У некоторых текстовых полей есть знаки "+" и "-", нажимая на которые должно изменяться значение в текстовом поле. Есть ли готовое решение, прошу, помогите найти его. В JS не селен, но знаю, что js можно такую задачу решить.

Comments

[Сергей Протько]

Вы же с телефона это писали, да? Надеюсь что да.

[doktorpull]

@Fesor подправил текст. Надеюсь сейчас лучше смотрится.

[Cenness]

@doktorpull не получилось

Answer 1

[Alexander Tartmin]

Это очень безобразный пример, но помогает понять суть
html

<input id="input" type="text">
<ul id="plus-one">
    <li id="plus">+1</li>
    <li id="minus">-1</li>
</ul>

jQuery

$('#plus-one #plus').click(function () {
    var currentVal = parseInt($('#input').val());
    $('#input').val( currentVal+1 );
});

$('#plus-one #minus').click(function () {
    var currentVal = parseInt($('#input').val());
    $('#input').val( currentVal-1 );
});

Демо

Comments

[Alexander Tartmin]

Сначало не правильно написал, прошу прощения! Вот рабочий пример jsfiddle.net/wdLfktrh

[Alexander Tartmin]

Дополнил минусом и плюсом jsfiddle.net/wdLfktrh/1

[doktorpull]

@baskerville42 огромное вам спасибо. Можете еще подсказать как сделать чтобы значение нельзя было уменьшить до определенного значения (к примеру: не меньше 2)

[Alexander Tartmin]

@doktorpull jsfiddle.net/wdLfktrh/3 Рад что помог.

[doktorpull]

@baskerville42 спасибо вам большое. Вы молодец!

Answer 2

[Юрий Лобанов]

Мне вот интересно, если учесть, что я живу в Питере, то я могу пожаловаться на вопрос в категории «Вопрос оскорбителен»? Так как меня оскорбляет такое отношение к русскому языку.

По теме: что пробовали из сотен разных вариантов стилизации формы?
https://www.google.ru/search?q=%D1%81%D1%82%D0%B8%...
Касаемо плюсов и минусов — боюсь готового решения не найти, но могу ошибаться.

В js я не селен

Comments

[doktorpull]

По поводу стилизации я тут скорей погорячился=) А за русский язык прошу прощения!