Очень простая задачка!

[new01]

Вот есть форма с авторизацией.Там есть текстовое поле для пароля.И я хочу чтоб начальное значение у него было "Пароль" .Так вот когда делаю value='Пароль' ,то вместо этого у мя звёздочки.Как сделать ,чтоб были буквы?

[tius]

Использовать <input type="text"> вместо <input type="password">

[ma3cs]

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

[tius]

Да.

Извращение: использовать type="password", а сверху накладывать слой с текстом, который потом убирать/возвращать.

[swetlana]

<input type="password" placeholder="пароль" />

[rus]

<input type="password" placeholder="пароль" />

не работает.

[Veseloff]

А ещё можно яваскриптом менять тип поля с text на password

[swetlana]

не работает.

Значит браузер устаревший.

Для таких в арсенале должен быть вот этот скриптик:

function inputPlaceholder (input, color) {

  if (!input) return null;

  if (input.placeholder && 'placeholder' in document.createElement(input.tagName)) return input;

  var placeholder_color = color || '#333';
  var default_color = input.style.color;
  var placeholder = input.getAttribute('placeholder');

  if (input.value === '' || input.value == placeholder) {
    input.value = placeholder;
    input.style.color = placeholder_color;
  }

  var add_event = /*@cc_on'attachEvent'||@*/'addEventListener';

  input[add_event](/*@cc_on'on'+@*/'focus', function(){
    input.style.color = default_color;
    if (input.value == placeholder) {
      input.value = '';
    }
  }, false);

  input[add_event](/*@cc_on'on'+@*/'blur', function(){
    if (input.value === '') {
      input.value = placeholder;
      input.style.color = placeholder_color;
    } else {
      input.style.color = default_color;
    }
  }, false);

  input.form && input.form[add_event](/*@cc_on'on'+@*/'submit', function(){
    if (input.value == placeholder) {
      input.value = '';
    }
  }, false);

  return input;
}

хотя для пароля его дописать надо, как предлагает Veseloff.

[rus]

Значит браузер устаревший.

Mozilla/5.0 (Windows; U; Windows NT 6.0; ru; rv:1.9.2.15) Gecko/20110303 Firefox/3.6.15

[Great Rash]

А ещё можно яваскриптом менять тип поля с text на password

ИЕ8 и ниже запрещает менять скриптом тип поля.

Самый простой способ расположить на бэкграунде картинку с надписью "Пароль" и убирать ее при фокусе.

[rus]

ребят, уже все давно придумали, надо только поиском пользоваться уметь

[swetlana]

Mozilla/5.0 (Windows; U; Windows NT 6.0; ru; rv:1.9.2.15) Gecko/20110303 Firefox/3.6.15

ну так да.

Чего от него можно хотеть?

ИЕ8 и ниже запрещает менять скриптом тип поля.

что ж поделать…

но никто и не говорил, что прямой способ будет работать в кривом браузере.

Самый простой способ расположить на бэкграунде картинку с надписью "Пароль" и убирать ее при фокусе.

О, мсье знает толк в извращениях!

[SelenIT]

Имхо, переколбашивать функциональные DOM-атрибуты ради минутной визуальной красоты — извращение всяко не меньшее.

Лично я в таких случаях обычно накладывал прозрачный input на его label, а во время набора и при непустом значении делал input непрозрачным. Конечно, все способы, кроме нативного плейсхолдера, в той или иной мере кривые, но, имхо, те, что обходятся изменением стилей, чуть-чуть прямее других...

[swetlana]

Имхо, переколбашивать функциональные DOM-атрибуты ради минутной визуальной красоты — извращение всяко не меньшее.

на самом деле да.

Лично я в таких случаях обычно накладывал прозрачный input на его label, а во время набора и при непустом значении делал input непрозрачным. Конечно, все способы, кроме нативного плейсхолдера, в той или иной мере кривые, но, имхо, те, что обходятся изменением стилей, чуть-чуть прямее других...

а самый прямой способ — это напугать заказчика техническими подробностями (а для этого достаточно просто рассказать всю правду), а под конец успокоить: «а если просто поставить рядом <label>, то всё будет хорошо».

И знаете ли, этот способ работает в 95% случаев