검색폼 코딩할때 어디까지 해야해요?
혁민
안녕하세요..항상 많은 도움 받고 가는데요
저는 퍼블리셔고 요새 접근성 코딩작업중인데..
css와 html 은 어느정도 맘대로 원하는대로 하는편이라..이제 소스에 신경을 쓰게 됬는데요..
검색폼부분 코딩할경우에.. 웹접근성 연구소에 가보니.. 아래처럼 하는게 이상적이라고 하는데
그럼 퍼블리셔는 어느부분까지 해주면 되나요? form이나fieldset 는 기존에는 코딩에서 해주지않았었거든요..
제가 개발단은 전혀 몰라서.. 검색버튼도 a 태그 안에 img 로 넣어줬었는데..
폼이나 필드셋을 사용해서 코딩을 해주면.. 검색버튼같은것도 인풋타입 이미지로 해서 넣어줘야할것만 같고 그래서 헷갈려서요..
저렇게 코딩하라면해놓으면 되긴한데.. 굳이 했다가 개발자분이 다시 편한대로 수정한다거나 하면..
제가 해놓는 의미도 없고 그런거같아서요..
그리고 하나 또 궁금한게.. 검색버튼을 통이미지로 하면 아래처럼 인풋타입=image 로 해도 상관없겠지만..
만약 배경이미지가 반복해서 깔리는텍스트버튼 이어야한다면.. 어떻게 해야되나요?
form action= method=
fieldset class=bgmsearch_wrap
legend음악검색/legend
label for=search_opt class=cp_no검색범위/label
select name=search_opt id=search_opt style=width:75px
option value= 전체보기/option
option value=옵션1/option
option value=옵션2/option
/select
label for=search_word class=cp_no검색어/label
input name=search_word id=search_word type=text value= style=width:109px class=inbox
input name=image type=image src=/img/sub/btn_seach2.gif alt=검색
/fieldset
/form
-
김애교
input type=\image\ 를.. a 태그로 감싸면.. 먼가 맞지않아보이는데요? 헐;;;
-
빛다
궁금한게... 위에 수다님의 예시로 보여주신 코딩처럼 해서 넘겼는데 개발자분은 저 폼을 무시??하시고
바깥쪽에 새로 폼을 만들어서 작업하시던 개발자분...
input type=\image\ 에.. onclick 넣어서 작업을 한다거나...
input type=\image\ 를.. a 태그로 감싸서 작업하시던...
그러한 개발자분을 보았습니다;;;
어찌해야할까요 ....ㅠ -
화가마
네.. 감사합니다. ^^
-
수리
서버를 제외한 부분 = 퍼블리싱 .. 매번 같은 작업을 하신다 해도 최적화되게 코드를 생각하시면서 해야 도움이 되시죠..
-
깜찏한그1녀
감사합니다~ ^^
-
루리
버튼의 용도에 따라 다릅니다.
이미지 버튼이면 image 타입으로 하지만 이 경우에 검색어 값을 넘겨줘야 하니 서브밋이 되구요.
그 방법대로 하시면 됩니다. :-) -
서희
네..답변 빨리 달아주셔서 감사해요 ㅠ.ㅠ
다행히 라운딩 처리된 버튼이 아니라서.. 가로로 그냥 쭉 가는 스타일의 버튼입니다.
버튼의 검색이라는 글씨는 텍스트로 해놔야 개발자분이 혹시 바꾸고싶으면 바꿀수있어서..이미지안에 넣지 않으려고 질문드린거에요..
input name=\image\ type=\image\ src=\/img/sub/btn_seach2.gif\ alt=\검색\ 이걸로 하게되면.. 이미지에 검색이라는 글짜가 박혀서..수정을 제가 해 -
바닐라
말씀하신 코드가 잘못된건 아니구요.
배경이미지를 가로로 계속 반복시키실 건가요?
디자인이 어떻게 된건지 모르겠지만 대부분의(?) 버튼 디자인이 약간 라운딩 처리 된 이미지가 많은데 하나의 이미지 파일로 반복 적용 시킬 경우에는 원하는 디자인이 나오기 어렵습니다. -
흰가람
답변 감사드려요.. 퍼블리셔 영역이었군요 ^^;
텍스트 버튼은..
css 만드는거는 어렵지 않은데.. input 에다 어떻게 적용해야되는지를 몰라서요..
배경이미지가 들어가야한다면.. 인풋타입을 이미지로 하지않고 걍 서브밋으로 하고 아래처럼 하면 되려나요?
.btn {color:000; background:(이미지경로) repeat-x left top;}
input type=\submit\ name=\\ value=\검색\ class=\btn -
도1도캣
말씀하신 부분은 당연히 퍼블리셔가 해야 하는 부분입니다.
폼에 필드셋+레전드까지 접근성 고려해서 다 작업해야 합니다.
배경이미지가 반복해서 깔리는 텍스트버튼은 몬가요?
버튼글자는 텍스트로 가고 버튼 이미지는 배경으로 하신다는건지?
그건 CSS로 처리 가능합니다.
글자가 길어져도 버튼 모양은 쭉 나오게 하는거 말씀하시는거죠?