강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

form tag-form (1)
작성자 : 99 단국강토
등록날짜 : 2009.02.09 10:05
1,991
Form tag (1)

form 요소는 입력 폼을 구성하기 위한 다양한 형식(입력 필드, 버튼, 메뉴 등)을 포함하고, 그 데이터를 취급하는 방법에 관한 지정을 하는 요소입니다. 예를 들어, 사용자가 등록버튼을 클릭하면, 폼의 내용은 action 속성에서 지정된 URL 의 프로그램으로 송신됩니다.

속성 설명
action 송신된 폼의 데이터를 처리할 프로그램의 URL 를 지정합니다.
name 폼의 이름을 씁니다.
target 폼의 송신한 결과를 표시할 프레임, 또는 윈도우를 지정합니다.
method 폼의 데이터를 송신할 때, 어떤 http 메소드를 사용할지를 지정하며 다음은 지정할 수 있는 값입니다.
GET : get 방식은 브라우저의 주소줄에 입력한 매개변수값이 보입니다.
POST : get 방식이 전달하고자 하는 내용이 브라우저의 주소줄에 나타나지요. 하지만, 때로는 주소줄에 나타나는 것이 다른 사람들의 눈에 보이기때문에 감추고 싶을 때가 있습니다. 이때 사용하는 방식이 post 방식입니다.



 input

input 요소는 사용자가 데이터의 입력이나 선택, 등록 등을 하기 위한 구성요소가 되는 요소로써 type 속성의 값에 따라서 텍스트 입력필드나 각종 버튼 등 10여종류의 다른 구성 부품이 있습니다. 폼의 데이터가 송신될 경우에는 name 속성에서 붙여진 이름과 데이터가 조합된 형태로 서버에 전달됩니다.

형태 <input type="text">
입력 내용 일반 텍스트를 입력한다.
속성
name 해당 입력상자의 이름
size 입력 상자의 크기(글자의 갯수)
maxlength 최대 글자수 제한
value 기본으로 넣어주는 값
예제 <INPUT maxLength=13 size=25 value=study name=studyho>
소스 <intut type=text name=studyho size=25 maxlenght=13 value=study>



형태 <input type="password">
입력 내용 패스워드 입력용 필드이다. 입력값은 [ * ]로 표시되고, 다른 페이지로 이동했다가 돌아오면 입력값은 사라진다.
예제 <INPUT type=password maxLength=10 name=studyho>
소스 <intut type=password name=studyho size=20 maxlenght=10 >


형태 <input type="hidden">
입력 내용 표시는 하지 않지만 서버에 전송할 데이터
예제 <INPUT type=hidden value=study name=studyho> 
소스 <input type=hidden name=mimi value=study >


형태 <input type="checkbox">
입력 내용 체크박스를 선택해보면 여러개를 선택을 할 수 있습니다.
예제 [ 1 ] <INPUT type=checkbox value=studyho name=aa> 컴퓨터
<INPUT type=checkbox value=studyho name=bb> 프린트
<INPUT type=checkbox value=studyho name=cc> 모니터
소스 [ 1 ] <input type=checkbox name=aa value=studyho> 컴퓨터
<input type=checkbox name=bb value=studyho> 프린트
<input type=checkbox name=cc value=studyho> 모니터
설명 [ 1 ] name 은 모두 다르고 value 은 모두 같다는 것 기억하세요.
예제 [ 2 ] <INPUT type=checkbox value=studyho name=aa> 비둘기
<INPUT type=checkbox CHECKED value=studyho name=bb> 독수리
<INPUT type=checkbox value=studyho name=cc> 부엉이
소스 [ 2 ] <input type=checkbox name=aa value=studyho> 비둘기
<input type=checkbox name=bb value=studyho checked> 독수리
<input type=checkbox name=cc value=studyho> 부엉이
설명 [ 2 ] 위에 것을 보면 부엉이에 체크가 되어있지요. checked 를 써주면 미리 체크 표시를 해 놓을 수 있습니다.
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
285 프레임(2) 99 단국강토 02.09 2148
열람중 form tag-form (1) 99 단국강토 02.09 1992
283 form(2) 99 단국강토 02.09 1803
282 form-(4) 99 단국강토 02.09 2269
281 아름다운글 올리는 방법 5 마퀴 태그 99 단국강토 02.09 2302
280 이미지의 태그 처리 99 단국강토 02.09 2253
279 글쓰기/FIELDSET source 99 단국강토 02.09 2532
278 블로그 영상시, 나도 만들어 볼까? 99 단국강토 02.09 2292
277 동적 테이블 생성 DHTML 99 단국강토 02.09 2987
276 table,tr,td 의 innerHTML 속성으로 좀 가꾸놀기 99 단국강토 02.09 3926
275 [html] Form - 라디오버튼에서 value값 넘기기 99 단국강토 02.05 14697
274 텍스트 및 이미지의 불법 유출을 막는 방법 99 단국강토 02.05 2514
273 아이프레임(iframe) 태그 99 단국강토 02.05 2859
272 input type=' button 을 image'로 변경하는 방법 99 단국강토 02.05 2613
271 하이퍼링크 99 단국강토 02.05 2073
270 태그를 배울려면 이런것들을 알아야 99 단국강토 02.05 2686
269 태그 총 정리(태그 사전) 99 단국강토 02.05 2666
268 그림*음악*표 태그하는 방법 99 단국강토 02.05 2364
267 HTML 상태코드 99 단국강토 02.05 2360
266 테이블에 셀롤오버와 링크걸기 99 단국강토 02.05 2491
265 한줄짜리 웹소스 99 단국강토 02.05 2202
264 [테이블] 점선 테이블 만들기 99 단국강토 02.05 2944
263 테이블 프레임,, 겉부분만 나오게 하기 99 단국강토 02.05 2315
262 스크롤바 쓰지 않고 같은페이지서 원하는 위치로 이동 99 단국강토 02.05 2328
261 html - 테이블에 점선 넣기, 테이블 점선만들기 99 단국강토 02.05 4836
260 아이프레임 삽입하기 99 단국강토 02.04 2274
259 이쁜 돋움체 만들기!! 99 단국강토 02.04 2375
258 테이블(표) 디자인 - HTML과 CSS를 이용한 99 단국강토 02.04 2368
257 [html] frame, frameset, iframe 태그 정리 99 단국강토 02.04 2850
256 홈페이지 프레임 가운데 정렬 99 단국강토 02.04 3208
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취