Jump to content
  • 0

Пароль


new01
 Share

Question

Вот предыдущий топик ССЫЛКА .

Сделал чтоб вместо фона была картинка с надписью пароль.Но в экспловере focus не работает .Вот код .Скажите как сделать,чтоб там работало?!

<input type='password' name='Password_login' class='header_divlogininputpassword' id='password' >

#header_login .header_divlogininputpassword:focus
{
background-color:#ffffff;
background-image: url('images/.jpg');
}
#header_login input
{
width:130px;
color:#000000;
height:18px;
border-width:7px;
border-style:solid;
border-color:#ffffff;
border-left-width:7px;
border-left-style:solid;
border-left-color:#ffffff;
font-family:"Arial";
font-size:14px;
}
.header_divlogininputpassword
{
background-image: url('images/password.jpg');
background-repeat: no-repeat ;
}

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Вместо всего


<input type="password" name="Password_login" id="password" onfocus="this.style.background='none';" onblur="if(this.value==''){this.style.background='url(password_bg.jpg) no-repeat scroll 0 0 transparent'}" style="background: url(password_bg.jpg) no-repeat scroll 0 0 transparent">

где "password_bg.jpg" - картинка с надписью "пароль".

upd.: пароль.jpg == password_bg.jpg [никакой кириллицы в названиях файлов!]

Edited by tius
Link to comment
Share on other sites

  • 0

Тиус всё верно написал за исключением того, что не стоит называть картинку «пароль» — вообще не надо использовать русские символы в названиях файлов.

Link to comment
Share on other sites

  • 0

	     <input type='password' name='Password_login' id='password' value='' onfocus='this.style.background='none';' onblur='if(this.value==''){this.style.background='url(images/password.jpg) no-repeat '}' style='background: url(images/password.jpg) no-repeat ;background-color:#ffffff;'>

Значит добавил этот код.Картинка в форме стоит,но когда нажимаю,чтоб ввести пароль картинка остаётся.Подскажите может где-то я ошибся,а то я в аяваскрипте не шарю.

Edited by new01
Link to comment
Share on other sites

  • 0

Ага дело реально в двойных кавычках было.Просто у меня все файлы php и html код я вывожу через echo ,а там обычно пишу одинарную ковычку.Сейчас сделал так \" .

Вод код если кому пригодится.В экспловере работает.

  <input type=\"password\" name=\"Password_login\" id=\"password\" onfocus=\"this.style.background='#ffffff';\" onblur=\"if(this.value==''){this.style.background='url(images/password.jpg) no-repeat scroll 0 0 transparent;background-color:#ffffff;'}\" style=\"background: url(images/password.jpg) no-repeat scroll 0 0 transparent;background-color:#ffffff;\">

Tius ,спасибо.Очень благодарен!! :)

Edited by new01
Link to comment
Share on other sites

  • 0

На будущее

В PHP одинарные кавычки (') работают быстрее чем двойные ("). Потому что в строках с двойными кавычками интерпретатор перед обработкой и выводом ищет переменные и всякие символы типа \t \n и пр. Поэтому лучше использовать одинарные кавычки и конкатенацию строк.

Пример:

// плохо
echo "My name is $Name, I like web programming, here my website: $WebSite";

// лучше
echo "My name is " . $Name . ", I like web programming, here my website: " . $WebSite;

// ещё лучше
echo 'My name is ' . $Name . ', I like web programming, here my website: ' . $WebSite;

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy