점프

글이 길때

<li><a href="#content1">메뉴1</a></li> //메뉴1을 클릭하면 id값이 content인 곳으로 이동한다.

map  //맵을 이용해 이미지안에 링크를 걸어줄 수 있다.

<map name="맵이름"
	<area shape="rect" coords="10,10,160,200"
    href="" target="_blank" alt="카페로가기">
    //형태 사각형 시작부분과 끝나는 x y 좌표 새창
    <area>
    .....
    </map>
   <img src="" usemap="#맵이름">

form 태그를 이용해 어디서부터 어디까지가 form 인지 알려준다.

<label> 태그

폼요소에 레이블을 붙이는 태그, 라이도 버튼이나 체크 박스에서 텍스트 부분을 클릭해도 라이도 버튼과 체크박스 버튼이 선택된다.

<fieldset> 태그 

폼 요소를 그룹으로 묶을 수 있다.

<input>태그

type

hidden,text,search,tel,url,email,password,datetime,date,month,time,number,range,color,checkbox,radio,submit,image,reste,button....

hidden 화면 상의 폼에는 보이지 않지만 폼을 서버로 전송할 때 서버로 함께 전송

text 한줄짜리 텍스트 입력, 주로 아이디나 이름 주소 등

password 비밀번호입력 별이나 점으로 표시됨

name 텍스트 필드를 구별할 수 있도록 이름을 붙인다.

size. 필드의 길이를 정한다.

number  숫자 입력 필드 스핀 박스가 생긴다.

range  숫자 입력 필드 슬라이드 막대를 이용해 숫자 입력

date 달력이 나온다.

input 태그의 다양한 속성

autofocus //페이지를 불러오자마자 원하는 폼 요소에 마우스 커서를 표시

placeholder //사용자가 입력하기 전에 힌트를 준다.

readonly //보기만 하고 입력하지 못하게 함

required //필수 필드 체크 무조건 작성해야 한다.

다른 태그

드롭박스 optgroup를 이용해서 option을 묶어 줄 수 있다.

<select> 

<option></option>

</select>