[HTML&CSS 스터디] 12. 입력 양식 만들기 <form>

2024년 07월 07일

Song hyun
작성자
2024.07.07.:20

728x90

[HTML&CSS 스터디] 12. 입력 양식 만들기 <form>

1. 입력 양식란을 만드는 <form> 태그

속성	설명
action	데이터의 전송 대상 페이지를 지정한다.
method	데이터 전송 방법을 지정한다. 주로 get/post.
name	입력 양식의 이름을 지적한다.

*<form> 태그는 입력, 전송 버튼을 사용하는 요소이지만 그 처리는 HTML에서 이뤄지는 것이 아니다. 실질적인 데이터 처리는 PHP, JSP등의 다른 프로그래밍 언어에 의해 이뤄진다.

2. 태그 사용해 입력란 만들기

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="UTF-8">
    <title>고양이의 일상</title>
    <meta name="description" content="고양이가 좋아하는 것과 일상을 소개합니다.">
  </head>
  <body>
    <h1>구내식당 희망 메뉴 수집</h1>
    희망하는 메뉴: <input type="text">
    희망하는 메뉴: <input type="text" placeholder="음식명">
  </body>
</html>

728x90

'HTML,CSS, JS > HTML&CSS 스터디' 카테고리의 다른 글

[HTML&CSS 스터디] 11. 리스트 출력하기 <ul>,<li> (0)	2024.07.07
[HTML&CSS 스터디] 10. 링크 만들기 <a> (0)	2024.07.06
[HTML&CSS 스터디] 9. 파일 경로 지정하기 (0)	2024.07.06
[HTML&CSS 스터디] 8. 이미지 삽입하기 <img> (0)	2024.07.06
[HTML&CSS 스터디] 7. 문장 출력하기 <p> (0)	2024.07.06

다음 글이 없습니다.

이전 글이 없습니다.

[HTML&CSS 스터디] 12. 입력 양식 만들기 <form>

'HTML,CSS, JS > HTML&CSS 스터디' 카테고리의 다른 글

티스토리툴바