Binary World

<HTML> Input Type 본문

개발자의 길/Web Programming

<HTML> Input Type

모쿠 2017. 3. 29. 15:36

<여러가지 입력 타입>

- HTML5부터 다양한 입력타입을 사용할 수 있음



<13_input.html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Input</title>
</head>
<body>
<h1>여러가지 input type</h1>
<!-- form에서 method를 지정하지 않으면 get 방식이 디폴트 -->
<form action="result.html">
    아이디<span style="color: red;">(*)</span><br/>
    <input type="text" name="userid" required="required" /><br/>
    비밀번호:<br/>
    <input type="password" name="passwd" required="required"><br/>
    이메일:<br/>
    <input type="email" name="email" /><br/> <!-- HTML5 -->
    나이:<br/>
    <input type="number" name="age"/><br/> <!-- HTML5 -->
    전화번호:<br/>
    <input type="tel" name="tel"/><br/> <!-- HTML5 -->
    생일:<br/>
    <input type="date" name="date"/><br/> <!-- HTML5 -->
    <input type="datetime" name="datetime"/><br/> <!-- HTML5 크롬 사용 불가능 -->
    
    <input type="submit" value="회원 가입">
    <input type="reset" value="취소">
    
</form>
</body>
</html>
cs


저작자표시 비영리

'개발자의 길 > Web Programming' 카테고리의 다른 글

<CSS> CSS 선언 및 적용  (0) 2017.03.30
<HTML> Form Type  (0) 2017.03.29
<HTML> 데이터 보내기(GET/POST)  (0) 2017.03.29
<HTML> 페이지 내에 링크 사용  (0) 2017.03.29
<HTML> 이미지 스타일(사이즈)  (0) 2017.03.29
'개발자의 길/Web Programming' Related Articles more
Comments