slide1
Download
Skip this Video
Download Presentation
수업자 : 박선홍

Loading in 2 Seconds...

play fullscreen
1 / 56

수업자 : 박선홍 - PowerPoint PPT Presentation


  • 96 Views
  • Uploaded on

H TML/ css (5 차시 ). 수업자 : 박선홍. 목 차. F orm 미리 보기. F orm 태그. F orm 태그 입력 방식. 1 Form 미리 보기. 미리 보기. 미리 보기. 미리 보기. 미리 보기. 미리 보기. 미리 보기. 네이버. 미리 보기. 네이버. 다음. 미리 보기. 네이버. 다음. 학교 공홈. 미리 보기. 네이버. 다음. 학교 공홈. 구글. 미리 보기. 네이버. 다음. 학교 공홈. 네이트. 구글. 미리 보기. 네이버. 다음.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about '수업자 : 박선홍' - gelsey


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide1
HTML/css

(5차시)

수업자: 박선홍

slide2
목차

Form 미리 보기

Form 태그

Form 태그 입력 방식

slide9
미리 보기

네이버

slide10
미리 보기

네이버

다음

slide11
미리 보기

네이버

다음

학교 공홈

slide12
미리 보기

네이버

다음

학교 공홈

구글

slide13
미리 보기

네이버

다음

학교 공홈

네이트

구글

slide14
미리 보기

네이버

다음

학교 공홈

네이트

구글

페이스 북

slide16
~~

action : 데이터를 전송 받아 처리할 웹 프로그램의 위치

method : 데이터가 서버에 전송되는 방식

get - 주소표시줄에 데이터 전달

post - 파일에 데이터 전달

name : 폼의 이름을 지정

폼과 관련된 모든 태그는

~~
안에 들어간다!!!!!

Form 태그

slide18
1. 한 줄 입력 6. 여러 줄 입력

2. 암호 입력 7. 전송

3. 체크박스 8. 취소

4. 라디오 버튼 9. 파일 업로드

5. 드롭 다운

Form 태그 입력 방식

slide19

text : 한 줄을 입력 할 수 있는 상자

value : 입력창의 초기값

name : text 입력상자의 이름(데이터의 변수 이름)

size : 입력창의 크기 (단위 : byte)

maxlength : 최대 입력 가능 문자 수

1. 한 줄 입력

slide27

checkbox : 여러 항목 중 여러 개를 선택하는 입력 상자 (다중선택)

value : 데이터의 변수 값

name : 데이터의 변수 명

checked : 기본으로 체크

3. 체크박스

slide28
웹 프로그래밍

프로그래밍

네트워크 기초

3. 체크박스

slide29
웹 프로그래밍

프로그래밍

네트워크 기초

3. 체크박스

slide31
   

3. 체크박스 ex

slide32
   

3. 체크박스 ex

4반  

5반  

6반  

10반  

11반  

12반

slide33

radio : 여러 항목 중 한 가지를 선택하는 입력 상자 (단일선택)

value : 데이터의 변수 값

name : 데이터의 변수 명

checked : 기본으로 체크

4. 라디오 버튼

slide34

radio : 여러 항목 중 한 가지를 선택하는 입력 상자 (단일선택)

value : 데이터의 변수 값

name : 데이터의 변수 명

checked : 기본으로 체크

4. 라디오 버튼

slide35
웹 프로그래밍

프로그래밍

네트워크 기초

4. 라디오 버튼

slide37
4. 라디오 버튼

4반  

5반  

6반  

10반  

11반  

12반

slide44

cols : 칸 수

rows : 줄 수

name : 데이터 변수 이름

6. 여러 줄 입력

slide45

6. 여러 줄 입력

slide46

6. 여러 줄 입력

slide47

6. 여러 줄 입력

slide48

submit : 데이터를 서버로 전송

value : 버튼의 이름

7. 전송

slide49

7. 전송

slide50

reset : 데이터를 초기상태로 되돌림

value : 버튼의 이름

8. 삭제

slide51

8. 삭제

slide52

file : 파일을 업로드 할 때

name : 데이터의 변수 이름

size : 업로드 입력상자의 크기

9. 파일 업로드

slide53

9. 파일 업로드

slide54
숙제!!
  • Table 태그를 이용하여 시간표 만들기
  • 태그를 이용하여 회원가입양식 만들어 오기
ad