Notice

Recent Posts

Recent Comments

Link

« 2024/05 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Tags more

Archives

Today

Total

관리 메뉴

Santos의 개발블로그

HTML5 요소(3) 본문

Language & Framework & Library/HTML5

HTML5 요소(3)

Santos 2020. 11. 4. 00:02

#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 요소의 속성