Q>
요소를 사용하여 화면을 구성하시오.
A>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>HTML5 요소 데모 화면</h1>
<div>
<label for="name">이름 : </label>
<input type="text" name="name">
</div>
<div>
<label for="email">이메일 : </label>
<input type="email" name="email">
</div>
<div>
<label for="website">웹사이트 : </label>
<input type="url" name="website">
</div>
<div>
<label for="number">정수 : </label>
<input type="number" name="number">
</div>
<div>
<label for="range">범위 : </label>
<input type="range" name="range">
</div>
<div>
<label for="textarea">메시지 : </label>
<textarea name="textarea" id="" cols="30" rows="2"></textarea>
</div>
<div>
<input type="submit" value="Submit">
</div>
</body>
</html>
https://developer.mozilla.org/ko/docs/Web/HTML/Element/input
: 입력 요소
HTML input 요소는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다.
developer.mozilla.org
https://developer.mozilla.org/ko/docs/Web/HTML/Element/input/text
input elements of type text create basic single-line text fields.
developer.mozilla.org
https://developer.mozilla.org/ko/docs/Web/HTML/Element/input/email
input elements of type email are used to let the user enter and edit an e-mail address, or, if the multiple attribute is specified, a list of e-mail addresses.
developer.mozilla.org
https://developer.mozilla.org/ko/docs/Web/HTML/Element/input/url
input elements of type url are used to let the user enter and edit a URL.
developer.mozilla.org
https://developer.mozilla.org/ko/docs/Web/HTML/Element/input/number
input elements of type number are used to let the user enter a number. They include built-in validation to reject non-numerical entries.
developer.mozilla.org
https://developer.mozilla.org/ko/docs/Web/HTML/Element/input/range
input elements of type range let the user specify a numeric value which must be no less than a given value, and no more than another given value. The precise value, however, is not considered important. This is typically represented using a slider or dial
developer.mozilla.org
https://developer.mozilla.org/ko/docs/Web/HTML/Element/textarea
https://developer.mozilla.org/ko/docs/Web/HTML/Element/input/submit
input elements of type submit are rendered as buttons. When the click event occurs (typically because the user clicked the button), the user agent attempts to submit the form to the server.
developer.mozilla.org
R>
 |
|
'Python_WEB > HTML' 카테고리의 다른 글
| [Ch3]HTML5 멀티미디어와 입력 양식 - 연습문제 5 (0) | 2020.11.06 |
|---|---|
| [Ch3]HTML5 멀티미디어와 입력 양식 - 연습문제 4 (0) | 2020.11.06 |
| [Ch3]HTML5 멀티미디어와 입력 양식 - 연습문제 2 (0) | 2020.11.06 |
| [Ch3]HTML5 멀티미디어와 입력 양식 - 연습문제 1 (0) | 2020.11.06 |
| [Ch2]HTML5 기본 요소 - 연습문제 8 (0) | 2020.11.03 |
