베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
    - HTML 소개
    - 텍스트
    - 링크
    - 이미지
    - 테이블
    - 인클루드
    - 프레임
    - 폼(FORM)
    - 이미지 자르기
    - 색상코드표
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
생활 홈페이지 만들기
비즈니스 홈페이지 만들기
쇼핑몰 홈페이지 만들기
폼(FORM)
Home > 디자인 센터 > 웹강좌 > HTML 사용법 > 폼(FORM)
폼의 기본형식 텍스트 상자 버튼 입력하기 라디오 버튼/체크박스 선택상자
(1) 라디오 버튼
여러 개의 항목 중에서 단 하나의 항목만을 선택하고자 할 때 사용합니다.
한 항목의 라디오 버튼의 이름들은 모두 같아야 합니다.
라디오 버튼의 기본버튼은 다음과 같습니다.

<form> <input type="radio" name="이름" value="전송문자" checked> </form>

(2) 체크박스
여러 개의 항목 중에서 하나 이상의 항목을 선택하고자 할 때 이용합니다.
한 항목의 체크박스의 이름들은 모두 같아야 합니다.
라디오 버튼은 단 한 개만 붙여줄 수 있으나, 체크박스는 여러 개를 붙여놔도 상관이 없습니다.
<form> <input type="checkbox" name="이름" value="전송문자" checked> </form>

name : 서버 측에서 어느 항목이 선택되어 졌는가를 구분할 때 사용합니다.
value : 화면에 나오지 않고 서버에 전송될 때 참조됩니다. 반드시 입력해야 됩니다.
checked : 처음부터 특정 항목이 선택된 상태로 보여지길 원하면 붙여주시면 됩니다.



<html> <head> <title>라디오단추/체크박스</title> </head> <body> <form> <font color="#0000ff"><h5>1. 라디오버튼</h5></font><p> 어떤 과일을 가장 좋아하십니까?<br> <input type="radio" name="fruit" value="apple">사과 <input type="radio" name="fruit" value="orange" checked>오렌지 <input type="radio" name="fruit" value="banana">바나나 <input type="radio" name="fruit" value="kiwi">키위<p> <font color="#0000ff"><h5>2. 체크박스</h5></font><p> 아사달에서 어떤 서비스를 이용하십니까?<br> <input type="checkbox" name="asadal" value="domain">도메인 <input type="checkbox" name="asadal" value="hosting" checked>호스팅 <input type="checkbox" name="asadal" value="program">프로그램 <input type="checkbox" name="asadal" value="homepage" checked>홈페이지 </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.
아사달 이용 가능 브라우저