Может ли кто-нибудь помочь мне разработать текстовое поле ниже с использованием Bootstrap 5 или только с текстовым полем класса css TextBox должно быть отзывчивым
Текстовое поле при загрузке страницы должно быть с заполнителем
<div class="form-outline">
<input type="text" id="form1" class="form-control" />
<label class="form-label" for="form1">Example label</label>
</div>
Onclick на текстовом поле, его метка должна подняться вверх
-2
25 Июн 2020 в 14:41
1 ответ
Лучший ответ
Следуйте этому codepen:
::-webkit-input-placeholder {
direction: rtl;
}
fieldset.form-group {
position: relative;
}
label {
position: absolute;
top: .6rem;
left: 1rem;
transition: all .1s ease-in-out;
cursor: text;
}
:focus + label {
color: #66afe9;
top: -.9rem;
background: white;
} <fieldset class="form-group">
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
<label for="exampleInputEmail1">Email address</label>
<small class="text-muted">We'll never share your email with anyone else.</small>
</fieldset>
2
25 Июн 2020 в 11:48