Испытание: формы — вспомнить всё [1/28]


#1

Что я сделал ни так?

Испытание: формы — вспомнить всё
        <lable for="name">Имя</lable>
        <input type="text" name="name" id="name">
        
        <div class="half-width">
            <lable>Дата рождения</lable><br>
            <input class="date" type="select">
        </div>
        <div class="half-width">
            <lable>Цвет</lable>
            <select name="color">
                <option>Рыжий</option>
            </select>
        </div>
        
        <div>
          <input type="radio" id="galka">
           <lable for="galka"> Разрешать гладить</lable>
           </div>
        <div>
        <lable>Секретное блюдо</lable>
        <input type="password">
        </div>
        <div class="buttons">
            <input type="submit" value="Сохранить">
        </div>
    </form>
</body>

CSS
form {
width: 300px;
margin: 0 auto;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px #cccccc;
}

label {
display: block;
margin-bottom: 5px;
}

input[type=“text”],
input[type=“password”],
select {
width: 95%;
height: 24px;
margin-bottom: 10px;
padding: 2px 5px;
border: 1px solid #cccccc;
border-radius: 5px;
}

input[type=“submit”] {
display: inline-block;
width: auto;
margin: 0 5px;
padding: 6px 15px;
color: #ffffff;
background: #2c3e50;
border: none;
border-radius: 5px;
}

.half-width {
display: inline-block;
width: 50%;
margin-right: -4px;
}

.half-width input,
.half-width select {
width: 80%;
}

.date {
width: 120px;
background: url(’/assets/course74/calend.png’) no-repeat 97% 50%;
}

.buttons {
text-align: center;
}

body {
width: 460px;
padding: 20px;
font-size: 14px;
font-family: “Arial”, “Helvetica Neue”, “Helvetica”, sans-serif;
}


#2

Нет такого тега.