728x90
728x90
BIG
엔티티
일부문자는 예약 되어있음
&entity_name;
&#entity_number;
엔티티 이름은 기억하기 쉽기때문에 사용함
대소문자 구분해야됨
| 결과 | 설명 | 엔티티이름 | 엔티티넘버 |
| non-breaking space | |   | |
| < | less than | < | < |
| > | greater than | > | > |
| & | ampersand | & | & |
| " | double quotation mark | " | " |
| ' | single quotation mark (apostrophe) | ' | ' |
| ¢ | cent | ¢ | ¢ |
| £ | pound | £ | £ |
| ¥ | yen | ¥ | ¥ |
| € | euro | € | € |
| © | copyright | © | © |
| ® | registered trademark | ® | ® |
XHTML VS HTML
- <!DOCTYPE>은(는) 필수 항목 입니다.
- <html>의 xmlns 속성은 필수 입니다.
- <html>, <head>, <title>, <body>는 필수 입니다.
- 요소는 항상 적절하게 중첩 되어야 합니다.
- 요소는 항상 닫혀 있어야 합니다.
- 요소는 항상 소문자여야 합니다.
- 속성 이름은 항상 소문자여야 합니다.
- 속성 값은 항상 따옴표 로 묶어야 합니다.
- 속성 최소화는 금지되어 있습니다.
FORM
사용자 입력을 위한 HTML
텍스트필드, 체크박스, 라디오버튼, SUBMIT버튼 등 다양한 유형의 입력 요소를 ㅜ이한 컨테이너임
다음 요소를 포함할 수 있음
- <input>
- <label>
- <select> //드롭다운 목록을 만듬 <option value>를 써서 콤보박스를 만들 수 있음 //미리 선택되려면 selected를 쓰면됨 //size를 지정해서 여러개를 보이게끔할 수 있음
- <textarea> //큰 텍스트박스 rows 줄수 cols 너비
- <button> 클릭가능한 버튼 정의 onclick = 액션
- <fieldset>//데이터의그룹화
- <legend>
- <datalist>
- <output>
- <option>
- <optgroup>
input요소
<input type="">형식임
<input type="text"> 텍스트 입력필드를 만듬
<input type="radio">라디오버튼만듬(여러사항중 하나 선택)
<input type="checkbox"> 많은 선택항목중 0개이상 선택
<input type="submit"> 제출
<input type="button"> 클릭가능한 버튼 표시
- <input type="button"> 한줄입력
- <input type="checkbox"> 여러개중하나
- <input type="color"> 색상입력기가 나옴
- <input type="date"> 날짜
- <input type="datetime-local"> 내맘대로 지정
- <input type="email"> 이메일 형식
- <input type="file"> 파일 형식가능
- <input type="hidden"> 필드 숨기기
- <input type="image"> src 속성을 넣어야됨
- <input type="month"> 월, 년도 선택
- <input type="number"> 숫자 입력
- <input type="password"> 비번 (마스킹됨)
- <input type="radio">
- <input type="range"> 범위 설정
- <input type="reset"> 양식 값을 기본값으로 재설정
- <input type="search"> 검색필드
- <input type="submit"> 제출 action있어야됨
- <input type="tel"> 전화번호
- <input type="text">
- <input type="time"> 입력실드에 시간선택기 넣을 수 있음
- <input type="url">
- <input type="week">
<input type="text">
한줄 입력 필드
기본 너비는 20자임
<label>요소
레이블 정의
스크린 리더사용자에게 좋음
<form>태그 안에 라벨 넣어서 예쁘게 만들 수 있음 라디오버튼등을
<input type="submit">
일단 action 속성에 지정이 되면 submit을 누르면 action 이 실행됨
<action>
보통 form 태그에 지정하는데 <form action="경로" target="">
으로 함
ValueDescription
| 값 | 설명 |
| _blank | The response is displayed in a new window or tab |
| _self | The response is displayed in the current window |
| _parent | The response is displayed in the parent frame |
| _top | The response is displayed in the full body of the window |
| framename | The response is displayed in a named iframe |
get, post
action에 get방식와 post방식을 지정할 수 있음
get,post방식은 데이터를 제출시 http 메소드 중 하나인데 기본 방식은 get임
양식이 민감할 시에는 post방식을 사용할 것
GET에 대한 참고 사항:
- 이름/값 쌍으로 양식 데이터를 URL에 추가합니다.
- GET을 사용하여 민감한 데이터를 보내지 마십시오! (제출된 양식 데이터는 URL에서 볼 수 있습니다!)
- URL 길이가 제한됩니다(2048자).
- 사용자가 결과를 책갈피로 지정하려는 양식 제출에 유용합니다.
- GET은 Google의 쿼리 문자열과 같은 비보안 데이터에 유용합니다.
POST에 대한 참고 사항:
- HTTP 요청 본문 안에 양식 데이터를 추가합니다(제출된 양식 데이터는 URL에 표시되지 않음).
- POST는 크기 제한이 없으며 많은 양의 데이터를 보내는 데 사용할 수 있습니다.
- POST가 포함된 양식 제출은 북마크할 수 없습니다.
autocomplete
자동완성기능 설정여부 폼액션안에 사용함
novalidate
존재하는 경우 제출 시 양식의 유효성을 검사하지 않는 걸 말함(무효화함)
value 입력필드의 초기값 지정
readonly = 읽기전용지정
disabled = 비활성화속성
maxlength 입력 필드에 허용되는 최대 문자수
multiple = 사용자가 입력필드에 둘이상의 값을 입력할 수 있도록 지정
pattern = 양식이 제출될때 입력 필드의 값이 검사되는 정규식을 지정 //보통 텍스트, 날짜, 검색, url, 전화, 이메일 및 비밀번호 입력 유형과 함께 작동
placeholder 입력필드 안에 희미한색으로 예쌍값을 적음
required 양식을 제출하기 전에 필수로 채워야함
step 을 적용하면 입력 필드의 법적 숫자 간격을 지정
autofocus 페이지가 로드 될때 자동으로 커서가 깜박이는 곳
728x90
반응형
BIG
'🎀HTML' 카테고리의 다른 글
| [html] php 띄어쓰기 nbsp; ensp; emsp; (0) | 2022.11.30 |
|---|---|
| [HTML]레이아웃,반응형 웹디자인,kbd,samp,code,var (0) | 2022.10.11 |
| [HTML]iframe // script // 파일경로 //head요소(viewport) (0) | 2022.10.11 |
| [HTML]UL,LI,ol,dl,dt,dd / / p vs div // 클래스 //id (0) | 2022.10.11 |
| [HTML]파비콘,테이블, time태그, title (0) | 2022.10.08 |
댓글