<form action="" method="get">
  <label for="item1">項目1</label><input id="item1" type="text" />
</form>

input[type="text"] {
    width: 100px;
    -webkit-transition: width .3s;
    transition: width .3s;
}
input[type="text"]:focus {
    width: 200px;
}