결과
HTML
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><style type="text/css">ul {padding: 0;margin: 0;list-style: none;}ul li {padding: 0;margin: 0 0 10px 0;}</style></head><body><form action="do.jsp" method="post"><!-- fieldset : 폼을 그룹핑하는 역할legend : 제목 지정--><fieldset><legend>프로젝트 정보</legend><ul><li><!-- autofocus:페이지 로드시 자동 포커스 지정required:입력 필수 지정--> <label for="name">이름</label> <input type="text" name="name"id="name" autofocus="autofocus" required="required"></li><li><label>중요도</label> <input type="range" name="priority"id="priority" min="0" max="10" value="0"></li><li><!-- number:숫자필드 --> <label for="hour">예상 시간</label> <inputtype="number" name="hour" id="hour" min="0" max="1000"required="required"></li><li><!-- date:날짜필드 --> <label for="start_date">시작 날짜</label> <inputtype="date" name="start_date" id="start_date"></li><li><!-- 이메일 필드 --> <label for="email">이메일</label> <input type="email"name="email" id="email"></li><li><!-- url 필드 --> <label for="url">URL</label> <input type="url"name="url" id="url"></li><li><!-- search :seacrch 필드 --> <label for="search">검색</label> <inputtype="search" name="search" id="search"></li><li><input type="submit" value="전송"></li></ul></fieldset></form></body></html>