입력양식태그

션이·2021년 11월 5일
2

파이썬-풀스택

목록 보기
4/4

form 태그

1. form 태그 안 쪽에는질문/선택사항/답변작성공간
2. action&method 필수

< form **action**='http://server.me/check' **method**="get">
    <!--다양한 input form이 들어감-->
< /form>

input 태그

  1. 텍스트 뿐만 아니라, 제출 버튼, 파일 업로드, 날짜와 같은 다양한 값이 입력됨.
  2. 사용자 입력 요구 -> 빈 태그이므로, 종료 태그 사용하지않음.
  3. [type]태그 이용하여, 종류 설정
  4. [name]태그로 데이터 구분
    -> 속성을 key로, 데이터를 value로 전송.

label 태그

회원가입

아이디:

ex))

< label for="userid">아이디:
< input type="text" id="userid" name="id" placeholder="아이디를 입력하세요." >

select 태그

  1. 선택박스를 만들자!!
  2. [option]태그로 이루어져있다

ex))

< select name="food" id="food">

<option value="tokkboki">떡볶이</option>
<option value="hatdog">핫도그</option>
<option value="bread"></option>
<option value="etc">기타</option>

< /select>

떡볶이 핫도그 빵 기타

암 온더 넥스트레벨 아니고 textarea

  1. 흔히 아는 분량많은 글 입력할 때!
  2. [rows] : 글 줄 수 만큼 조절
    [cols] : 글자 수 만큼 조절와 같이 쓰임

button 태그

  1. 원래라면 < input type= "button" > 으로 만들 수 있다.
  2. 하지만, < button type="submit">제출< /button > 으로 할 수 있다.
profile
경험을 쌓고 나를 키우자! 백엔드에서 풀스택개발자가 되는 그 날까지..

0개의 댓글