초보개발자의 성장블로그
HTML 30 다양한 <input> 태그
프론트엔드/HTML2021. 4. 3. 10:40
그 외 속성 값으로 email, URL, search 도 있습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
<input type="color"><br>
<input type="datetime-local"><br>
<input type="month"><br>
<input type="number"><br>
<input type="range"><br>
<input type="time"><br>
<input type="week"><br>
<input type="email"><br>
<input type="URL"><br>
<input type="search"><br>
</form>
</body>
</html>
텍스트 공간 입력 양식
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>텍스트 공간 입력 양식</h2>
<form>
<textarea rows="5"cols="50">텍스트를작성하는공간입니다.</textarea>
<p></p>
<input type="submit"value="전송">
<input type="reset"value="다시작성">
</form>
</body>
</html>
'프론트엔드 > HTML' 카테고리의 다른 글
| HTML 32 텍스트 관련 태그 사용하기 (0) | 2021.04.03 |
|---|---|
| HTML 31 <pre> 태그를 사용하여 입력한 그대로 화면에 표시 (0) | 2021.04.03 |
| HTML 29 <input type="file> 태그로 파일 선택 창 만들기 (1) | 2021.04.03 |
| HTML 28 <button> 태그로 세 가지 형태의 버튼 만들기 (0) | 2021.03.19 |
| HTML 27 <select>와 <option> 태그 (Multiple속성, <optgroup> 태그, <datalist> 태그추가) (0) | 2021.03.19 |
댓글()