2016-12-09 2 views
1

Я пытаюсь использовать форму HTML для отправки значения цвета.HTML-форма ввода для изменения цвета шрифта CSS

<form> 
Font color:<br> 
    <input type="color" name="colorInput"> 
    <input type="submit" value="Submit"> 
</form> 

я тогда хочу иметь значение цвета, чтобы заменить другое значение для цвета шрифта в CSS:

textarea {color: #fff;} 

Я новичок и имеют мало опыта кодирования.

Спасибо заранее!

ответ

2

textarea {color: #fff;}
<form> 
 
Font color:<br> 
 
    <input type="color" name="colorInput"> 
 
    <input type="submit" value="Submit" onsubmit="return false" onclick="document.getElementById('ss').style.color=colorInput.value; console.log(colorInput.value)"> 
 
</form> 
 

 

 
<textarea id="ss"rows="10" cols="30">test</textarea>

+1

текстовое поле исправно й был изменял фрагмент кода – prasanth

+0

Спасибо за ответ! Я попробовал код, и он сработал. Тем не менее, страница обновляется, когда я нажимаю «Отправить». Есть ли способ обойти это? Еще раз спасибо! –

+0

@RomeroSomero Хорошо, вы можете использовать event.preventDefault(); или вернуть false, чтобы не обновлять страницу. Я отредактировал его. –