[컴퓨터과학과] 2020년 1학기 HTML웹프로그래밍 기말시험 과제물

목차

1. HTML <input> 태그에서 사용 가능한 모든 입력 타입의 종류를 나열하고 간단히 설명하시오.
2. 주어진 조건에 맞춰 제시된 테이블 출력 결과를 생성하기 위한 HTML 코드에서 빈 칸 (A),(B),(C)를 완성하시오.
3. 주어진 조건에 맞춰 제시된 출력 결과를 얻도록 HTML 코드에서 빈 칸 (A)와 (B)에 해당하는 자바스크립트 부분을 완성하시오.
4. 주어진 조건에 맞춰 제시된 출력 결과를 얻기 위해서 HTML 코드의 빈 칸 (A)와 (B)에 해당하는 자바스크립트 부분을 완성하시오.



- 목 차 -

1. HTML <input> 태그에서 사용 가능한 모든 입력 타입의 종류를 나열하고 간단히 설명하시오.

2. 주어진 조건에 맞춰 제시된 테이블 출력 결과를 생성하기 위한 HTML 코드에서 빈 칸 (A),(B),(C)를 완성하시오.

3. 주어진 조건에 맞춰 제시된 출력 결과를 얻도록 HTML 코드에서 빈 칸 (A)와 (B)에 해당하는 자바스크립트 부분을 완성하시오.

4. 주어진 조건에 맞춰 제시된 출력 결과를 얻기 위해서 HTML 코드의 빈 칸 (A)와 (B)에 해당하는 자바스크립트 부분을 완성하시오.

본문내용

1. HTML <input> 태그에서 사용 가능한 모든 입력 타입의 종류를 나열하고 간단히 설명하시오.

입력 타입 설명
text 짧은 한 줄 텍스트 입력시 / 데이터 출력 용도
password 비밀번호 입력시 / 보안을 위해 문자입력시 ‘•’로 표시됨
radio 라디오버튼 ○ / 항목 중 1개의 항목만을 선택 가능
checkbox 체크박스 □ / 여러 항목 복수 선택 가능
hidden 사용자화면에는 보이지 않으나 서버에 필요한 데이터값 입력 용도
file 내 컴퓨터 있는 파일을 선택할 수 있는 버튼 생성 (예:첨부파일), 확장자, 파일크기제한 등의 속성지정 가능
image 전송(제출) 버튼을 이미지로 생성 가능 / src속성 필수
submit 사용자가 입력한 데이터를 <form> action 속성에서 지정한 서버의 페이지로 전송하는 버튼
reset 입력한 내용을 모두 지우고 초기 상태로 만드는 취소 버튼
button 클릭하는 과정을 통해 명령어를 수행 / 텍스트, 이미지로 표현가능
search 검색어를 입력할 수 있는 입력폼 / text와의 차이점은 입력된 검색어를 결과값으로 찾는것이 목적임
tel 전화번호입력 용도 / 지정된 형식으로만 속성지정가능
url 인터넷 url주소 입력 용도
email @가 포함되는 이메일주소 입력 용도
number 숫자 입력 용도
range 기본값, 최소값, 최대값 등 수의 범위를 설정하는 용도
color 입력시 컬러피커 버튼이 생성되고 클릭하면 16진수 형태의 컬러코드(ex : #000000) 값 선택 가능




- 중략 -

참고자료

· 없음