လုပ်နည်း - သက်ဝင်လှုပ်ရှားရှာဖွေမှုပုံစံ
CSS ဖြင့် ကာတွန်းရှာဖွေမှုပုံစံ ဖန်တီးနည်းကို လေ့လာပါ။
သက်ဝင်လှုပ်ရှားရှာဖွေမှုပုံစံကို ဖန်တီးနည်း
ထည့်သွင်းမှုအကွက်ကို နှိပ်ပါ။
အဆင့် 1) HTML ကိုထည့်ပါ
ဥပမာ
<input type="text" name="search" placeholder="Search..">
အဆင့် 2) CSS ကိုထည့်ပါ
ဥပမာ
input[type=text] {
width: 130px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
/* When the input field gets
focus, change its width to 100% */
input[type=text]:focus {
width: 100%;
}
အကြံပြုချက်- HTML Form အကြောင်းပိုမိုလေ့လာရန် ကျွန်ုပ်တို့၏ HTML Form Tutorial သို့ သွားပါ ။
HTML Forms ပုံစံပုံစံလုပ်နည်းအကြောင်း ပိုမိုလေ့လာရန် ကျွန်ုပ်တို့၏ CSS Forms Tutorial သို့ သွားပါ ။