Форум

ami_moor · #1 (**permalink**) 30.09.2013, 11:32

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

.inp {
    background-color: #fbfae1;
}
.inp:focus  {
       background-color:#F0F0F0;
}

<input class="inp" style="width: 523px;" type="text" name="name" />

рони · #2 (**permalink**) 30.09.2013, 11:43

ami_moor,

<!DOCTYPE HTML>
<html>

<head>
    <title>Untitled</title>
    <style
    type="text/css">
    .inp{background:#fbfae1}
    .inp:focus{background:#F0F0F0}
    .text{background:#FFF}
    </style>
</head>

<body>
    <input class="inp" style="width: 523px;" type="text" name="name" onblur="this.className = this.value ? 'text' : 'inp'" />
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript