1

Тема: input type=color

Добрий день мені цікавить чи можна витягти колір з цього <input type="color" name="color"> та встановити його на фон сайта? і як що можна то як саме? javaScript не знаю ось повністю код, але я думаю він не потрібен

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>form</title>
</head>
<body>
<form action="mailto:ty85@ukr.net" enctype="text/plain">
    <legend>Контактная информация</legend>
    <p><label for="name">Имя <em>*</em></label><input type="text" id="name"></p>
    <p><label for="email">E-mail</label><input type="email" id="email"></p>
  </fieldset>
  <input type="color" name="color">
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>

2

Re: input type=color

https://jsfiddle.net/pw5x3tmx/

Подякували: NaharD1

3

Re: input type=color

koala написав:

https://jsfiddle.net/pw5x3tmx/

<script type="text/javascript">
$("input[type=color]").change( () => {
    $('body').css('background-color', $("input[type=color]").val());
} );</script>

не працює, я його правильно записав?

4

Re: input type=color

Цей код:
- потребує jQuery;
- має бути виконаний після створення форми.
Переробляти на звичайний JavaScript мені ліньки.

5 Востаннє редагувалося /KIT\ (05.07.2021 11:47:46)

Re: input type=color

del

6

Re: input type=color

HTML

<input type="color" id="field">

JS

document.getElementById('field').onchange = function() {
  document.body.style.backgroundColor = this.value;
}
Подякували: NaharD, 221VOLT, Zolin_777, 0xDADA11C7, ostap34PHP5

7

Re: input type=color

Monolith написав:

HTML

<input type="color" id="field">

JS

document.getElementById('field').onchange = function() {
  document.body.style.backgroundColor = this.value;
}

спасибі!!!

8

Re: input type=color

Прошу :)

Подякували: Zolin_777, ostap34PHP2