form
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title> New Document </title>
</head>
<body>
<form action="test.jsp">
<p>
<label for="title">title</label>
<input type="text" name="title" id="title" placeholder="select one of you own" title="제목을 입력하세요" required />
</p>
<p>
<label for="name">name</label>
<input type="text" name="name" id="name" placeholder="Jhon"title="이름을 입력하세요" required />
</p>
<p>
<label for="phone">phone</label>
<input type="text" name="phone" id="phone" pattern="[0-9]{10,11}" placeholder="010123456789" /> <span>(option)</span>
</p>
<p>
<label for="email">email</label>
<input type="email" name="email" id="email"title="이메일을 입력하세요" required />
</p>
<p>
<label for="url">website</label>
<input type="url" name="url" id="url" required placeholder="http://www...." /> <span>(option)</span>
</p>
<p>
<label for="number">Nr.</label>
<input type="number" name="number" id="number" min="1" max="10" value="3" title="숫자를 입력하세요" required />
</p>
<p>
<label for="range">length</label>
<input type="range" name="range" id="range" min="1" max="10" value="3"title="길이를 기입하세요" required /><span>1m (in 10cm increaments)</span>
</p>
<p>
<label for="date">deliver time</label>
<input type="date" name="date" id="date" min="2013-10-25" max="2013-11-2"title="배송시간을 입력하세요" required /> <span>(max 11 november)</span>
</p>
<p>
<label for="time">being time</label>
<input type="time" name="time" id="time" min="12:00" max="16:00" title="재중시간을 입력하세요" required />
<label for="color">color</label>
</p>
<p>
<input type="color" name="color" id="color" value="#ff0000"title="색상을 입력하세요" required />
</p>
<input type="submit" value="확인" />
</form>
<p>
<input type="search" name="search" id="search" formaction="search.jsp" />
</p>
</body>
</html>