ວິທີທີ່ຈະສ້າງ: ບັນດາການຄຳຫາຫຼິ້ນວິສະວະກອນ

ບັນດາການວິທີທີ່ຈະສ້າງບັນດາການຄຳຫາຫຼິ້ນວິສະວະກອນທີ່ມີການສະແດງຄວາມຫຼິ້ນ

ຄຳພັດໃສ່ບັນດາການຄຳເຂົ້າ

ວິທີທີ່ຈະສ້າງບັນດາການຄຳຫາຫຼິ້ນວິສະວະກອນ

ບັນດາການທີ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;
}
/* ບໍ່ມີການປ່ຽນວັດຖຸການຄຳເຂົ້າມາ100% */
input[type=text]:focus {
  width: 100%;
}

亲自试一试

相关页面

教程：HTML 表单

教程：CSS 表单