웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
무심코 지나치기 쉬운 인푸트(input)폼에 대한 몇가지들....
2003.05.23 21:05
흔히 인푸트(input)폼 를 꾸밀때 그냥 겉모양과 테두리만 꾸미시는분들이 대부분(?) 일거에요.
아래의 그외의 실전예제 몇가지를 올려봅니다.
특히 전송버튼이 이미지일때 유용하게 쓰일겁니다.
그냥 보는것보단 집적 태그연습장이나 메모장에 복사하여 테스트를 해보시면 이해가 빠를듯 하네요....
<!-- 일반적인 인푸트폼 -->
<input type="password" name="pw" size="12">
<!-- 글자제한과 폰트사이즈 지정 font-size:7pt; -->
<input type="password" name="pw" size="12" maxlength="7" style="font-size:7pt;">
<!-- 글자제한과 폰트사이즈와 백그라운드이미지 지정 background-image:url('test.gif'); -->
<input type="password" name="pw" size="12" maxlength="7" style="font-size:7pt;background-image:url('test.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:0px 0px;">
<!-- 인푸트폼의 넓이와 높이를 지정 width:150pt; height:12pt; -->
<input type="password" name="pw" style="width:150pt; height:12pt;font-size:7pt;">
아래의 그외의 실전예제 몇가지를 올려봅니다.
특히 전송버튼이 이미지일때 유용하게 쓰일겁니다.
그냥 보는것보단 집적 태그연습장이나 메모장에 복사하여 테스트를 해보시면 이해가 빠를듯 하네요....
<!-- 일반적인 인푸트폼 -->
<input type="password" name="pw" size="12">
<!-- 글자제한과 폰트사이즈 지정 font-size:7pt; -->
<input type="password" name="pw" size="12" maxlength="7" style="font-size:7pt;">
<!-- 글자제한과 폰트사이즈와 백그라운드이미지 지정 background-image:url('test.gif'); -->
<input type="password" name="pw" size="12" maxlength="7" style="font-size:7pt;background-image:url('test.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:0px 0px;">
<!-- 인푸트폼의 넓이와 높이를 지정 width:150pt; height:12pt; -->
<input type="password" name="pw" style="width:150pt; height:12pt;font-size:7pt;">
댓글 4
제목 | 글쓴이 | 날짜 |
---|---|---|
링크 클릭시 사운드 효과 [3] | REAL | 2003.04.09 |
이미지 링크로 사용하다가 짤렸을때 대체 이미지 [6] | REAL | 2003.04.09 |
새창뜨는 링크 누를때 스크롤바 고정시키기 [8] | REAL | 2003.04.09 |
textbox의 값을 오른쪽부터 채우기. [1] | RedEye | 2003.04.12 |
[html 초보용] 홈페이지 무작정 따라하기!①
[6]
![]() | 깻잎사랑=_=v | 2003.04.14 |
[html 초보용] 홈페이지 무작정 따라하기!②
[3]
![]() | 깻잎사랑=_=v | 2003.04.14 |
textarea 세로 글쓰기 [1] | ZipShin | 2003.04.15 |
이미지 테두리에 점선 두르기 [6] | ZipShin | 2003.04.15 |
label태그 아십니까? [6] | ZipShin | 2003.04.27 |
쭘식 메뉴만들기 - 세로 슬라이드 메뉴
[11]
![]() | 쭘's | 2003.04.29 |
HTML 암호화시킨것 풀어주는소스(암호화도가능) [11] | 호호짱 | 2003.05.06 |
더블클릭으로 웹문서 새로고침 하기 [3] | RedEye | 2003.05.09 |
동영상이 로딩될때까지 이미지 보여주기 [8] | ZipShin | 2003.05.19 |
세계인구와 한국인구 구하기 애플릿 소스 [3] | TimeMode | 2003.05.19 |
onload 두개 사용하려고 할때... [5] | chosun815 | 2003.05.20 |
CSS파일이용하여 링크에 건반효과주기(강력추천) [8] | 호호짱 | 2003.05.23 |
무심코 지나치기 쉬운 인푸트(input)폼에 대한 몇가지들.... [4] | RedEye(rinja) | 2003.05.23 |
개미선 없애기.. [10] | -크크크- | 2003.06.04 |
[초보자용] 노프레임 이해하고 만들기 [16] | zeroMD™ | 2003.06.05 |
[re] 쭘's식 홈페이지 만들기 No.3 - 깔끔 노프레임 (미리보기 포함) [5] | 파마아줌마 | 2003.07.21 |