Conversation
blocks/input.html
Outdated
| </div> | ||
|
|
||
| <div class="input__tandem"> | ||
| <div class="input__text">Дата и время заказа</div> |
There was a problem hiding this comment.
Описание правильнее делать при помощи тега label
There was a problem hiding this comment.
Пардон, я там указал тег label в скобочках и он его не отобразил )
blocks/input.html
Outdated
| <div class="input__tandem"> | ||
| <div class="input__text">Дата и время заказа</div> | ||
| <div class="input__box input__box_incorrect"> | ||
| <input type="text" value="06.12.2021" class="input__main"> |
There was a problem hiding this comment.
Несмотря на введенное значение, у инпута должен быть placeholder
blocks/unput.css
Outdated
| @@ -0,0 +1,108 @@ | |||
| body { | |||
blocks/unput.css
Outdated
| padding: 0.5rem 0rem; | ||
| } | ||
| .input__text { | ||
| height: 1rem; |
blocks/unput.css
Outdated
| box-sizing: border-box; | ||
| border: 1px solid #459DF5; | ||
| } | ||
| .input__box_empty { |
| <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap" rel="stylesheet"> | ||
| </head> | ||
| <body> | ||
| <div class="wrapper"> |
There was a problem hiding this comment.
Тут видать ошибка. Два раза шапка вставлена
Muslik
left a comment
Muslik
left a comment
There was a problem hiding this comment.
Поправьте модификатор у input-а. Модификатор отвечает на вопрос какой? placeholder тут точно не подходит. И описание для текста должно быть сделано с помощью label, чтобы если я кликнул на описание, сразу установился фокус в инпут
blocks/input.html
Outdated
| <div class="input__group"> | ||
| <div class="input__text">Дата и время заказа</div> | ||
| <div class="input__box input__box_incorrect"> | ||
| <input type="text" placeholder="Введите" value="06.12.2021" class="input__main input__main_placeholder"> |
blocks/input.html
Outdated
| <div class="input__box input__box_disabled"> | ||
| <input type="text" value="06.12.2021" class="input__main"> | ||
| <button class="input__button"> | ||
| <div class="input__icon input__icon_locked"></div> |
There was a problem hiding this comment.
Тут это просто иконка, а не кнопка насколько я понимаю. У disabled отображается иконка замочка
| <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap" rel="stylesheet"> | ||
| </head> | ||
| <body> | ||
| <div class="wrapper"> |
There was a problem hiding this comment.
Тут видать ошибка. Два раза шапка вставлена
3 participants
@Muslik @smakhnatkin прошу проверить домашнее задание