Input - image형(코드명: temp_form_imgip_type1)
이동
코드보기

지원 브라우저 : 크롬 사파리 파이어폭스 오페라 인터넷익스플로러(7~10)

  • CSS Code

    input {vertical-align:middle; font-family:"돋움", "Dotum", Verdana;}
    input.inputtype{float:left; overflow:hidden; width:55px; height:19px; padding-left:4px; background:url("../image/btn/btn_paginate_num.gif") no-repeat left; border:0 none; line-height:19px;}
    .btn_move{float:left; margin-top:1px; margin-left:-4px; margin-right:3px;}
    :root .temp_com_paginate_type1 .btn_move{float:left; margin-top:1px; margin-left:-4px; margin-right:3px;}
  • HTML Code

    <input type="text" id="" name="" value="" title="" maxlength="8" class="inputtype"/>
    <a href=""><img src="../image/temp/btn_paginate_move.gif" alt="이동" class="textvalign_m btn_move"/></a>
  • Image

    • 이미지btn_paginate_num.gif
    • 이동btn_paginate_move.gif
  • * 본 코드는 WIPS Markup Coding Convention을 100% 준수합니다.
  • * HTML 마크업 구조는 템플릿 형식에서 벗어나지 않도록 합니다.
  • * DTD는 HTML 4.01 Transitional(loose.dtd)기준 입니다.
  • * 디자인에 따른 해당 UI의 CSS는 서비스 별로 다르게 적용 가능합니다.