“Звездочки” в input

#html #css

Как сделать чтобы были звездочки в , а не шарики и квадраты?
Возможно ли это сделать?    

Ответы

Ответ 1










*: 

$: 

.: 







Немного кривоватое решение, но его можно доработать. Напильником. =)


Ответ 2

посмотри вот этот пример - замена "шариков" на картинку. Можно нарисовать звездочку
и подменять уже на звездочку


Ответ 3

  и обработка поля JavaScript-ом?


Ответ 4



//JS:
var fakePassword = new Object();
fakePassword.element = getElementById('fakePassword');
fakePassword.element.onkeyup = function(){
  fakePassword.value = fakePassword.element.value;
  fakePassword.element.value.replace(/[^*]/,'*');
}
//...
yourForm.onsumbit = function(){
  fakePassword.element.style.visibility = 'hidden';
  fakePassword.element.value = fakePassword.value;
}

Рассматривайте как псевдокод: работоспособность не проверял, но мысль эта.
При вводе текста, все символы, кроме звездочки, заменяются на звездочку, а перед
этим, значение сохраняется в переменную.
Непосредственно перед отправкой формы, полю позвращается его значение.
P.S. если отвечать прямо: нет, в type="password" нельзя сделать кроссбраузерное решение
для замены шариков на звездочки возможностями верстки. Некоторые браузеры понимают
mask аттрибут, но отнюдь не все.