CSS 5

يمكن تحريك المسافة الموجودة قبل الكلام داخل المستطيل من خلال

يمكن زيادة او نقصان المسافة قبل المستطيل من خلال

يمكن تحريك الصورة داخل المستطيل لتكون على اليسار او اليمين من خلال

لمنع تكرار الصورة داخل المستطيل من خلال الخاصية

input {
  background-color: #222;
  background-image: url(searchicon.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left: 40px;
}

input{
  background-color: #222;
  background-image: url("searchicon.png");
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left: 40px;
}

.input{
  background-color: #222;
  background.image: url("searchicon.png");
  background.position: 10px 10px;
  background.repeat: no-repeat;
  padding-left: 40px;
}

input {

width: 10%;

padding: 12px 20px;

margin: 8px 0;

box-sizing: border-box;

}

input {

width: 100%;

padding: 12px 20px;

margin: 8px 0;

box-sizing: border-box;

}

vertical - align