@ferds
front-end

Как добавить звездочку в плейсхолдер внутри инпута?

Всем привет!
Как вставить звездочку?
8fd79fad02f2406d9a9fba40c50f03e7.png
Я нашел один способ, но он немного не доработан.
При клике пропадает, но если оставить пустым, не появляется.

<div class="container">
	<div class="col-md-4">
		<form>
			<div class="form-group">
				<input type="email" type="email" class="form-control" id="exampleInputEmail1" onclick="hideIcon()" placeholder="Email Address">
			</div>
		</form>
	</div>
</div>


.form-group {
	padding: 50px 0;
	background-image: url("../img/star.png");
	background-repeat: no-repeat;	
}


function hideIcon() {
  document.getElementById('exampleInputEmail1').style.backgroundImage = 'none';
}


Кто как делает?
Всем спасибо!
  • Вопрос задан
  • 4640 просмотров
Решения вопроса 1
SkiperX
@SkiperX Куратор тега CSS
Я бы сказал, что это ошибка дизайнера, и оставил звездочку серой.
Если не прокатит, можно вот так https://jsfiddle.net/Lo33tnbp/
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
m77x
@m77x
Консультант
Мне кажется или input ваш грешит отсутствием name при избыточности type ?
Можно использовать js
$('input[name=email]').val('e-mail*');
Ответ написан
Комментировать
gwenn
@gwenn
.placeholder:after {
  position: absolute;
  top: 0;
  right: 0;
  color: red;
  content: '*';
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы