저번 폼 태그 이야기에서는 메일링 가입 필드를 만드는 방법에 대해 알아봤는데.. 오늘은 그에 이어 버튼 자체를 이미지 버튼으로 만드는 방법에 대해 추가로 알아보도록 하자.
이미지 버튼은 input 태그의 type 속성을 image로 바꿔 넣으면 되겠다. 그 구체적인 예시는 아래와 같다.
<form action="http://avionpapier.tistory.com/login.php">
<p>새로운 소식을 이메일로 받아보세요</p>
<input type="text" name="mail" />
<input type="image" src="sampleimg.jpg" />
</form>
당연한 이야기겠지만, 이미지로 사용할 버튼은 알아서(?) 미리 만든 다음 웹에 올려놓고 링크를 걸어야 한다.
링크 주소는 src 속성에 넣으면 되는데 위의 예시는 필자의 컴퓨터에서 같은 폴더에 놓고 링크를 걸어놓은 것이기 때문에 파일명만 들어갔다. 웹에 올린다면? http://가 포함된 절대주소(또는 상대주소)를 넣어야 한다.
다만..
이미지는 어쨌거나 텍스트 보다는 용량을 많이 차치하기 때문에 꼭 필요한 경우가 아니라면 메일링 등의 가입버튼 등을 이미지로 처리하는 것은 개인적으로 별로 권하고 싶지는 않다.
또한, 최근에는 CSS 등으로 이미지 버튼 등도.. 비록 조금은 한정된 꾸미기이지만 어느정도 개성을 드러낼 수 있을 정도로 만들 수 있음으로.. 굳이 이미지 버튼까지 사용할 필요는 없다 하겠다. 그냥, 이렇게 이미지로 버튼을 처리할 수 있구나~~ 정도만 알아두면 되겠다. 뭐.. 또한, 개성을 중요시 여기는 분들도 계시니.. 트레픽이 중요하지 않은 사이트라면 이미지로 처리해도 크게 관계는 없다는 생각도 해 본다.
