상세 컨텐츠

본문 제목

[HTML] 폼 | label | video

IT/HTML

by o_zeew 2024. 3. 7. 17:49

본문

24.03.07 16일차

목차

1. 폼

2. label

3. video

 


 

1. 폼

중첩 사용 X

 

1. 로그인과 아이디입력

 

post : 주소에 노출되지 않기 위해서 사용

 

2. input 타입

 

*전송버튼을 누르면 실행되는 action 확인

himidia23.html 파일 지정
전송 버튼을 누르면 화면 전환

 

textarea

 

resize:none;  >>  박스창의 크기 조절을 못하게 설정

 

2. label

커서를 올려놓으면 title이 출력됨

 

placeholder : 박스 안에서 미리 입력해야하는 것을 알려주는 기능

 

required : 값이 비어있으면 경고창을 띄움

*id는 반드시 label명과 동일해야함

 

autocomplete="on" : 이전에 입력했던 정보를 자동으로 입력

autocomplete를 켜놓은 이메일은 자동으로 이전에 입력했던 메일을 띄워준다

 

pattern : 지정한 문자패턴(정규식)과 입력된 내용의 일치여부 확인

3자리-3,4자리-4자리의 형식을 지키지 않자 나오는 경고 메세지

 

multiple : 여러개의 파일을 동시에 선택할 수 있는 속성

 

diabled : 비활성화 상태로 설정

readonly : 수정할 수 없도록 설정

 

margin: 0 auto;  >>  가운데정렬

 

그룹으로 묶기

wrap 이라는 그룹으로 묶기

 

 

 

3. video

autoplay controls : 자동재생

loop : 반복재생

'IT > HTML' 카테고리의 다른 글

[HTML] 반응형웹구조  (0) 2024.03.08
[HTML] 표작업  (0) 2024.03.06
[HTML5] 하이퍼링크 | <a>  (0) 2024.03.05
[HTML5] 무료 웹 호스팅  (0) 2024.03.04
[HTML] HTML 기본 설정 | 구조 파악 | <h#> | Block 태그 | Inline 태그  (0) 2024.03.04

관련글 더보기