အမှတ်ပြောင်းတုံး ရှာဖွေရေး ကို ပြုလုပ်ခြင်း ဘယ်လိုဖြစ်သလဲ?
ပုံစံ အမှတ်ပြောင်းတုံး ရှာဖွေရေး ကို ပြုလုပ်ခြင်း ဘယ်လိုဖြစ်သလဲ လေ့လာပါ
အဆက်အလက် ပုံစံ ကို ဖြေရှင်းပါ:
အမှတ်ပြောင်းတုံး ရှာဖွေရေး ကို ပြုလုပ်ခြင်း ဘယ်လိုဖြစ်သလဲ?
ပထမပုဒ် - ဟောင်းလုံး ထပ်ထည့်ပါ:
<input type="text" name="search" placeholder="Search..">
ဒုတိယပုဒ် - ပုံစံ ထပ်ထည့်ပါ:
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%;
}
相关页面
教程：HTML 表单
教程：CSS 表单
