#1 웹 폼
로그인, 회원 가입, 주문 정보 등을 처리하기 위해서는 사용자로부터 필요한 데이터를 입력받아야 하는데, form 요소 안에 input, textarea, select, button, fieldset, label 등의 다양한 요소들을 통틀어 웹 폼이라 한다.
가. form 요소
<!DOCTYPE html>
<html >
<body>
<form>
<label for="First name">First Name:</label><br>
<input type="text" name="name"><br>
<label for="Second name">Second Name:</label><br>
<input type="text" name="name"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
1) form 요소의 속성
2) method 속성의 전송 방식의 비교
나. input 요소
form 요소 중에서 사용 빈도가 가장 높고 사용자가 데이터를 입력할 수 있도록 다양한 입력 타입을 제공한다.
1) type 속성
2) input 요소의 속성
다. textarea 요소
사용자로부터 여러 줄에 해당하는 텍스트를 입력받기 위해서 사용하는 요소
<!DOCTYPE html>
<html >
<head>
<title>Wikitechy textarea tag</title>
</head>
<body>
<h3>Wikitechy A Learning tutorial Website</h3>
<textarea rows="8" cols="60">
Wikitechy is a learning website
Particularly created for students.
It is free learning portal.
The wikitechy Website has
recent technologies tutorials
Like Angular js, ajax, github etc...
</textarea>
</body>
</html>
1) textarea 요소의 속성
< 참고자료 >
[사이트] html tutorial
www.wikitechy.com/step-by-step-html-tutorials/mark-tag-in-html
Tag in HTML - html5 - html code - html form - In 30Sec by Microsoft Award MVP - | wikitechy
The
tag is used to highlight the content. The tag generally used for highlight the relevant content in a context.www.wikitechy.com
[책] HTML5 -이관용 지음-
<HTML5>HTML5 요소(3) end
'Language & Framework & Library > HTML5' 카테고리의 다른 글
HTML5 요소(4) (0) | 2020.11.05 |
---|---|
HTML5 요소(2) (0) | 2020.11.03 |
HTML5 요소(1) (0) | 2020.11.01 |
HTML5개요 (0) | 2020.11.01 |