form
- 데이터 전송용 양식 제출 태그
- 클라이언트에서 입력된 데이터를 서버로 제출하기 위해서 사용하는 태그
- 눈에 보이지는 않음
- 일부 태그는 form 태그 안에서만 동작하는 태그/속성도 있음
- 태그: submit, reset
- 속성: required
- <form action="데이터를 전송할 파일">
input submit
- 같은 폼 안에 속해 있는 다른 태그의 입력 데이터를 서버로 전송함
input reset
- 같은 폼 안에 속해 있는 다른 태그의 입력 데이터를 초기화함
required
- 특정 입력 태그를 필수 입력란으로 설정해 줌
▽ 예제 코드 1 ▽
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="abc.jsp">
<input type="text" placeholder="작성자" required><br>
<textarea rows="10" cols="30" placeholder="내용"></textarea><br>
<input type=submit value="보내기">
<input type="reset" value="다시 작성">
</form>
</body>
</html>▽ 예제 코드 1 - 결과 ▽
audio
- controls 쓰면 재생 바 보여 줌
- mp3 재생 태그
video
- 비디오 재생 태그
fieldset
- 영역 설정
legend
- 영역 이름 설정
▽ 예제 코드 2 ▽
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<fieldset>
<legend>음악</legend>
<audio controls src="%ED%8F%B4%ED%82%B4-%EB%84%88%EB%A5%BC%EB%A7%8C%EB%82%98.mp3"></audio>
</fieldset>
<fieldset>
<legend>영상</legend>
<video width="320" height="240" controls src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"></video>
</fieldset>
</body>
</html>
▽ 예제 코드 2 - 결과 ▽
'Web > HTML' 카테고리의 다른 글
| [HTML] CSS - Inline Style 방식, Internal Style 방식, External Style 방식 (0) | 2020.04.23 |
|---|---|
| [HTML] HTML 예제 - 게시판 글쓰기 창 (0) | 2020.04.23 |
| [HTML] HTML 예제 - 자유 게시판 (0) | 2020.04.23 |
| [HTML] HTML 예제 - 간단 로그인 창 (0) | 2020.04.23 |
| [HTML] HTML 기본 개념 - Table(th, tr, td, colspan, rowspan), Input, Textarea, Select (0) | 2020.04.23 |