베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
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>
사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 02-2026-2000 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 153-803) 서울특별시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
아사달 이용 가능 브라우저