В форме HTML, как вы можете иметь палитру цветов и как она отправляется в базу данных

Question

Я создаю HTML-форму в Dreamweaver, и он требует, чтобы пользователь выбрал цвет.Теперь я перешел к небольшому элементу браузера виджетов и добавил виджет jquery для палитры цветов.Мой вопрос, однако, как эта информация может быть отправлена ​​в базу данных SQL, которую я настроил.Другой формой вопроса будет тип данных:

Заранее спасибо!

Answer 1

Просто имейте поле varchar (6) в вашей базе данных и простое <input type="text" maxlength="6" size="6" /> поле на вашей странице.

Чтобы включить прогрессивное улучшение / постепенное ухудшение качества, вы можете в дальнейшем использовать это с помощью плагина jQuery, который позволяет пользователю «выбирать цвет». То есть, когда текстовое поле получает фокус, всплывающее окно выбора цвета позволяет пользователю легко выбрать цвет. Подключите в зависимости, как только выбор будет сделан, поле будет обновлено с шестизначным шестнадцатеричным значением цвета, таким как 000000 для черного выбора или FFFFFF для белого. Вы получаете Jist.

Затем вы можете просто вставить это в свою базу данных.

Дополнительным преимуществом такого действия является то, что он позволяет пользователям, которые знают шестнадцатеричный код, просто набрать его или, если они хотят поиграть с цветами, выбрать его самостоятельно. Кроме того, клиенты, не поддерживающие Javascript, не находятся в невыгодном положении и могут по-прежнему заполнять форму, но для этого нужно просто ввести код вручную.

Надеюсь, это поможет.

Answer 2

Вы можете отправить информацию в базу данных sql в виде шестнадцатеричного цветового кода, проверьте: http://blog.meta100.com/post/600571131/mcolorpicker

Вы можете сохранить ее в базе данных как обычный varchar (6).

РЕДАКТИРОВАТЬ: лучше хранить его в базе данных как обычный символ (6).

Answer 3

Благодаря HTML5 вы можете просто использовать новый тип поля ввода «color»:

<input type="color" name="my_color" />

Отправка формы отправляет его как шестнадцатеричное значение цвета (например, white = #ffffff)

Answer 4

Вы отправляете данные в серверный скрипт, который добавляет их в вашу базу данных.Вы можете сделать это через ajax (http://api.jquery.com/jQuery.ajax/). Почему бы просто не сохранить его как строку?