링크/FORM
<a href=”URL" target="_blank">문서에 보이게 할 하이퍼링크 이름</a> - 하이퍼링크 연결
제출 버튼과 초기화 버튼이 실행되게 함
<form></from> - 정보를 제출하기 위한 문서 구획
<input type = “text” placeholder = “입력할 종류”> - 입력창에 문자를 입력하게 함
<input type = “password” placeholder = “password”> - 입력창에 패스워드를 치고 보이지 않게 나타냄
<input type = “radio” name = gender> 남자 / <input type = “radio” name = gender> 여자
- 선택지 중 단 하나만 선택하도록 함
<select></select> - 여러가지 옵션 중 택 1
<option></option> - <select>태그의 옵션들을 나타냄
<input type="submit" value="제출"> - 제출 버튼 만들기
<input type="reset" value="초기화"> - 초기화 버튼 만들기
FORM
<fieldset></fieldset> - <form> 요소에서 연관된 요소들을 하나의 그룹으로 묶을 때 사용(네모난 박스 만들어줌!)
<legend></legend> - fieldset 태그의 제목을 나타냄
<label></label> - 요소들의 이름을 나타내게 함
<input type="range" min=" ” max=" "> - 사용자가 설정된 범위 값에서 값을 선택할 수 있도록 슬라이더 형태로 제공되는 입력 필드
🖤<form autocomplete="off">/<form autocomplete="on">🖤 - <input> 요소에서 자동 완성 기능을 사용할지 여부를 명시함
placeholder=" " - 만든 칸 안에 무엇을 적을지 표시함
required - required를 입력한 줄은 실행되지 않도록 함
➕<input type="tel" name="phone" id="phone"
pattern="[0-9][3]-[0-9][4]-[0-9][4]" placeholder="000-0000-0000 형식으로 입력하시오"> - 만든 칸에 "000-0000-0000 형식으로 입력하시오"가 입력됨
<datalist></datalist> - 사용자의 입력을 받을 수 있음➕datalist와 select의 차이점
| 항목 | <select> | <datalist> |
|---|---|---|
| 입력 가능? | ❌불가능 | ⭕가능 |
| 옵션 외 값 사용? | ❌불가능 | ⭕가능함 |
| input 태그 필요? | ❌필요없음 | ⭕필요함 |
