디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
  - HTML 소개
  - 텍스트
  - 링크
  - 이미지
  - 테이블
  - 인클루드
  - 프레임
  - 폼(FORM)
  - 이미지 자르기
  - 색상코드표
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
폼(FORM)
Home > 디자인 센터 > 웹강좌 > HTML 사용법 > 폼(FORM)
폼의 기본형식 텍스트 상자 버튼 입력하기 라디오 버튼/체크박스 선택상자
(1) 입력 상자라고도 하며, 사용자에게 어떤 정보를 입력할 때 사용합니다.

<form> <input type="입력필드의 형식" name="이름" value="기본 값" size="글자수" maxlength="최대 글자수"> </form>

type : 입력필드의 형식을 입력하며, 'text' 와 'password'가 있습니다.
name : 텍스트 상자의 이름을 입력하며, 화면상에는 나타나지 않으나 반드시 입력해야 합니다.
value : 텍스트 상자 안에 처음부터 내용이 보이게 하려면 value 안에 원하는 텍스트를 입력하면 됩니다.
size : 텍스트 상자의 글자 수를 지정합니다. 만약 지정하지 않으면 기본 글자 수는 20입니다.
maxlength : 텍스트 상자 안에 들어갈 수 있는 최대 글자 수를 지정합니다.
   만약 30이라 입력한다면 영문 30, 한글 15자까지 입력이 가능합니다.

입력필드의 형식은 다음 두 가지로 나누어집니다.

- text : 일반적으로 한글 / 영문 / 숫자를 입력할 때 사용합니다.
- password : 입력 상자에 쓴 내용이 ***으로 보호가 됩니다. 하지만, 서버로 내용이 전송될 때는 실제 내용이 전송됩니다.

(2) 여러 줄을 입력할 수 있는 텍스트 상자

<form> <textarea name="이름" rows="행수" cols="가로너비" wrap="줄바꾸기 방법"> ~ </textarea> </form>

name : 이름을 입력합니다.
rows : 텍스트 상자의 행수를 지정합니다.
cols : 텍스트 상자의 너비 즉, 문자수를 지정합니다.
wrap : 줄 바꾸기 방법을 나타냅니다.
    - off : 줄 바꿈이 이루어지지 않습니다.
    - soft : 화면상에서만 줄 바꿈이 이루어집니다.
    - hard : 자동 줄 바꿈(화면상은 물론 송신되는 데이타도 줄 바꿈이 이루어집니다.)



<html> <head> <title>텍스트 상자입력</title> </head> <body> <form> <font color="#0063ce"><h5>1. 텍스트 상자 </h5></font> 당신의 이름은 무엇입니까? <input type="text" name="이름" value="이름을 입력하세요." size="15" maxlength="30"><p> <font color="#0063ce"><h5>2. 텍스트 상자 ( password )</h5></font> 비밀번호를 입력하세요! <input type="password" name="암호" value=" " size="15" maxlength="30"><p> <font color="#0063ce"><h5>3. 여러줄의 텍스트 입력상자</h5></font> 자기소개를 간단하게 적어 주세요. <textarea name="자기소개" rows="3" cols="50" wrap="hard"></textarea> </form> </body> </html>
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 한국어 라인 이미지 中文 라인 이미지 日本語 라인 이미지 해시넷 라인 이미지 타고 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로   접속통계
디지털콘텐츠 No.1 (주)아사달