<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
이름<input type="text" size="10" /> <br/>
비번<input type="password" size="10" /> <br/>
성별<input type="radio" value="woman" name="s" size="10" />남자
<input type="radio" value="man" name="s" size="10" /> 여자
소속<input type="checkbox" value="center" name="positoin"/> 본부
<input type="checkbox" value="local" name="positoin"/> 본부
파일<input type="file" name="file1"/>
전송버튼<input type="submit" value="보내기"/>
<hr/>새로나온 input 타입들 <br/>
<form action="A.action" method="get">
<fieldset>
<legend>신상명세폼</legend>
<label for="mail">이메일 주소</label>
<input id="mail" type="email" placeholder="abc@nav.com" required />
<label for=url>홈페이지 주소</label>
<input id="url" type="url" required/>
스마트폰에서 웹 입력 키보드(@ .com)가 올라옵니다.
<label for="age">나이</label>
<input type="number" min="5" max="90" step="1" value="20"/><br/>
스마트폰 사용자를 위해 만든 타입입니다.<br/>
<input type="range" min="0" max="20" step="2" value="10"/><br/>
<br/>생일
<input type="date" name="birthday"/>
<input type="time" name="birthday"/>
<input type="week" name="birthday"/>
<input type="month" name="birthday"/>
<input type="datetime"/>
컬러<input type="search" autocomplete="on" list="datalist"/>
<datalist id="color">
<option value="black" label="검정">
<option value="blue" label="파랑">
<option value="red" label="붉은">
</datalist>
<br/> 컬러 선택하기 : <input type="color" />
</fieldset>
<input type="submit" value="보내기"/>
<input type="submit" value="다른곳으로 보내기"
formaction="B.action" formmethod="post"/>
<input type="submit" value="또 다른곳으로 보내기" formaction="c.action"/>
<input type="button" onclick="javascript:a();"/>
</form>
</html>
'JavaScript' 카테고리의 다른 글
| gradient, 캔버스, 이미지 로딩, 변형/회전, 회전 rotate (0) | 2012.06.13 |
|---|---|
| HTML과 script를 사용한 그리기 (0) | 2012.06.13 |
| draw (0) | 2012.06.12 |
| 버튼클릭시 순서대로 숫자 호출 (0) | 2012.06.12 |
| 버튼 클릭시 이미지 생성 (0) | 2012.06.12 |