[WEB]

[HTML & CSS] HTML5에 새롭게 추가된 input 속성

이전글 input의 속성들의 연장입니다. 1. autocomplete 속성 2. autofocus 속성 3. form 속성 4. formation 속성 5. formmethod 속성 6. multiple 속성 7. placeholder 속성 8. required 속성 9. step 속성 1. autocomplete 속성 autocomplete속성은 form태그나 input태그에 적은 데이터를 저장합니다. 디폴트 값은 off이기 때문에 속성값을 on으로 맞춰주어야 합니다. 예시) 이름: 데이터를 입력하고 입력하고 전송버튼을 누른뒤 새로고침하면 데이터를 저장한다. 나이: 주소: 결과) 입력 후 전송버튼을 누르면 데이터를 제출해서 입력한 데이터가 모두 사라지지만 뒤로가기 버튼을 누르면 입력했던 데이터를 기억하..

[HTML & CSS] input의 속성들

이전글 HTML5에 새로 추가된 input의 연장입니다. 1. value속성 2. readonly속성 3. disabled속성 4. maxlength속성 5. size속성 1. value속성 value속성은 태그에 초기값을 설정해 줍니다. 예시) 이름 : 국적 : 결과) 2. readonly속성 readonly속성은 사용자가 수정할 수 없고 읽을 수만 있습니다. 예시) 이름 : 국적 : value속성 뒤에 readonly속성을 써줌으로써 "대한민국"은 수정할 수 없게 됩니다. 결과) 3. disabled속성 disabled속성은 사용자가 아무것도 할 수 없는 막힌 블록으로 입력창을 바꾸게 됩니다. 예시) 이름 : 국적 : 결과) 4. maxlength속성 maxlength속성은 텍스트 박스에 입력할 수 ..

[HTML & CSS] HTML5에 새로 추가된 input

이전글 HTML 입력 태그의 연장입니다. HTML5에 더욱 다양한 input의 type들이 추가되었습니다. 1. 색상설정(color) 2. 날짜 입력(data) 3. 시간 입력(time) 4. 날짜 & 시간 입력(datetime-local) 5. 연도 & 월 입력(month) 6. 연 & 주 입력(week) 7. 숫자 입력(number) 8. 범위 지정(range) 9. 이메일 입력(email) 10. URL 주소 입력(url) 11. 검색어 입력(search) 1. 색상설정(color) 태그의 type을 color로 설정하면 브라우저에서 원하는 색상을 선택할 수 있습니다. 예시) 결과) 2. 날짜 입력(data) 태그의 type을 data로 설정하면 브라우저에서 원하는 날짜를 (YYYY-MM-DD)선택..

[HTML & CSS] HTML 입력 태그

이전글 HTML sementic태그의 연장입니다. 1. form태그 2. input태그 1. 태그 태그는 웹 페이지에서의 입력 양식을 의미합니다. 로그인창등이 해당됩니다. 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달되어 정보를 처리합니다. 태그에는 다음과 같은 속성들이 사용됩니다. name : 폼의 이름 action : 폼 데이터가 전송되는 백엔드 url method : 폼 전송 방식(GET / POST) GET 방식 : 주소에 데이터를 추가하여 서버에 전달하는 방식이며 중요도가 낮은 데이터를 전달할 때 주로 사용 POST 방식 : 데이터를 별도로 첨부하여 전달하는 방식이며 보안성 및 활용성이 GET방식보다 훌륭 2. 태그 태그는 전체..

[HTML & CSS] sementic 태그

이전글 iframe의 연장입니다. HTML5에서는 웹페이지의 레이아웃을 만들어주는 태그가 존재하는데, sementic(의미) 태그라고 부릅니다. 웹브라우저나 개발자에게 명확한 의미를 전달하는 태그입니다. header 부분입니다. nav 부분입니다. section1 부분입니다 article1 부분입니다 section2 부분입니다 article2 부분입니다 aside 부분입니다. footer 부분입니다. 결과) 위키독스

[HTML & CSS] iframe

이전글 block & inline의 연장입니다. 1. iframe태그 iframe이란 inline frame의 약자로, 웹 페이지안에 다른 웹 페이지를 생성하는것을 의미합니다. 기본적인 형식은 다음과 같습니다. src : source의 약자로 삽입하려는 웹페이지의 주소를 나타냅니다. title : 웹 페이지의 해당 iframe이 어떤 iframe인지 알려줍니다. 필수속성은 아닙니다. 1-1. width, height 속성 사용 width와 height속성을 사용하면 iframe의 너비와 높이를 조절할 수 있습니다. 기본적인 형식은 다음과 같습니다. 예시) iframe을 이용하여 웹 페이지에 다른 웹페이지 삽입하기 결과) 1-2. iframe의 테두리 변경 및 삭제 태그의 테두리를 변경하거나 삭제하고 싶을..