Как перезаписать текст-заполнитель в поле ввода

Кажется, я не могу понять, что написано над заполнителем в этом конкретном поле ввода в палитре цветов, у меня есть заполнитель как:

placeholder="Type a hex (Or keyword)"

По умолчанию это "#FFFFFF", кто-нибудь знает, почему? Я пытался изменить как значение, так и заполнитель поля ввода, но ничего не изменилось.


person Community    schedule 30.03.2014    source источник


Ответы (3)


Он вводится javascript.

Попробуйте value="Type a hex (Or keyword)"

Я не уверен, что это сработает, это зависит от JS-скрипта палитры цветов.

person Companjo    schedule 30.03.2014
comment
Я пробовал, к сожалению, ничего не изменилось - person ; 31.03.2014
comment
Перейдите к jscolor.js и замените this.valueElement = target; // value holder на this.valueElement = "Type a hex (Or keyword)"; // value holder - person Companjo; 31.03.2014
comment
Это работает при удалении шестнадцатеричного значения, однако, когда я сейчас использую палитру цветов, выбранный шестнадцатеричный код больше не применяется к полю ввода? - person ; 31.03.2014
comment
Попробуйте способ, предложенный Алексеем. Добавьте <script>$('#nobg').val('Type a hex (Or keyword)');</script> внизу страницы над ‹/body› - person Companjo; 31.03.2014
comment
Хорошо, в jscolor.js я заменил this.valueElement = target; с this.valueElement = target $('#nobg').val(''); он действует так же, удаляя значение, но когда цвет выбирается из средства выбора, он не применяется к полю ввода. Любые дополнительные предложения? - person ; 31.03.2014
comment
проигнорируйте мой комментарий о jscolor.js, отмените это и скрипт, который я прокомментировал. <script>$('#nobg').val('Type a hex (Or keyword)');</script> внизу страницы, над ‹/body› - person Companjo; 31.03.2014

Ваш заполнитель не был показан, потому что определено значение!

Заполнители — это заполнители. Они есть только тогда, когда входные данные пусты (value=="")

Установите значение по умолчанию как "", и оно будет работать.

person Elias Soares    schedule 30.03.2014

@Companjo прав, на самом деле это потому, что javascript для вашего средства выбора цвета переопределяет значение. jscolor написан для автоматического изменения ввода при загрузке. Если вы хотите вернуть заполнитель определенного элемента к исходному значению, вы можете обновить функцию init в jscolor.js следующим образом:

init : function() {
  if(jscolor.binding) {
    jscolor.bind();
  }
  if(jscolor.preloading) {
    jscolor.preload();
  }
  document.getElementById('nobg').value = '';  // this is the only new line
},
person mralexlau    schedule 30.03.2014
comment
Спасибо, предложение @Companjo работает над удалением шестнадцатеричного значения, однако, когда я сейчас использую палитру цветов, выбранный шестнадцатеричный код больше не применяется к полю ввода? - person ; 31.03.2014
comment
Вот почему я рекомендовал использовать приведенный выше фрагмент сценария. Изменение назначения this.valueElement в jscolor.js не является хорошей идеей, поскольку оно будет перезаписывать переменную, которую использует библиотека. - person mralexlau; 31.03.2014
comment
Я полностью понимаю, что вы говорите, и спасибо за попытку помочь. Я использую этот ‹скрипт› $('#nobg').val(''); ‹/script› в голове, и я до сих пор не вижу изменений - person ; 31.03.2014
comment
Это после этой строчки в голове? <script src="assets/scripts/jscolor.js" type="text/javascript"></script> - Я подозреваю, что это будет иметь значение. Однако вы также можете загрузить его в нижней части тела на странице. - person mralexlau; 31.03.2014
comment
Я только что попробовал оба, все еще показывая шестнадцатеричное значение при загрузке со сценарием на месте. :/ - person ; 31.03.2014
comment
Это никак не связано с удостоверением личности? Я только что создал этот идентификатор для стилизации фона - предварительно загруженным классом был «шестнадцатеричный цвет для ввода при поиске». - person ; 31.03.2014
comment
Это не должно иметь ничего общего с идентификатором, поскольку я могу манипулировать им в своей консоли javascript при загрузке страницы. - person mralexlau; 31.03.2014
comment
К сожалению, я не могу заставить его работать с этим маленьким фрагментом javascript, спасибо за попытку помочь, ценю это :) - person ; 31.03.2014
comment
Я обновил свой ответ некоторым javascript (это не javascript jQuery, поскольку jscolor не использует jQuery), чтобы обновить значение конкретного элемента. - person mralexlau; 31.03.2014