본문 바로가기

Story/html/css

input box 에 background images 넣기

반응형

<input name="이름" type="text" style="background-image:url('/images/xxx.gif');background-repeat:no-repeat;background-position:top center;background-position-y:-1;background-position-x:-1" omFocus="this.style.backgroundImage=''"  tabindex=1>
 
인풋상자 배경으로 이미지를 넣는 예이다.
 
이곳을 통해 자세한 내용 살펴볼 수 있고 링크들을 통해 설정값들에 대해 살펴볼수있다.
 
참고로 tabindex 는 탭키를 눌렀을때 이동순서를 지정할 수 있는것이다.
반응형