Kufanya: formu ya kutafuta inayofanywa na animation
- Kuhukuaa: Bara ya kuzingatia Kuhukuaa: Kopia habari kwenye kipakua cha habari
- Kuhukuaa: Bara ya kuzingatia Kuhukuaa: Tafuta habari ya kifungo
Mafanikio wa kufanya forrmu ya kutafuta inayofanywa na CSS
Kutikia eneo la input: focus
Kufanya msingi msingi wa kutafuta
Kipengele cha 1 - Ongeza HTML:
<input type="text" name="search" placeholder="Search..">
Kipengele cha 2 - Ongeza CSS:
input[type=text] {
width: 130px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
/* 当输入字段获得焦点时，将其宽度更改为 100% */
input[type=text]:focus {
width: 100%;
}
Kuhukuaa: Pae za pili
Kuhukuaa: Mafunzo:Kuhukuaa: Tafuta habari ya kifungo cha JavaScript
Kuhukuaa: Mafunzo:Kuhukuaa: Tafuta habari ya kifungo cha JavaScript
- Kuhukuaa: Bara ya kuzingatia Kuhukuaa: Kopia habari kwenye kipakua cha habari
- Kuhukuaa: Bara ya kuzingatia Kuhukuaa: Tafuta habari ya kifungo
