생활코딩

Coding Everybody

코스 전체목록

닫기

입력양식 - form

 

예제

<html>
<head>
    <meta charset="utf-8">
</head>
<body>
<form action="http://localhost/login.php">
    <p>아이디 : <input type="text" name="id"></p>
    <p>비밀번호 : <input type="password" name="pwd"></p>
    <p>주소 : <input type="text" name="address"></p>
    <input type="submit">
</form>
</body>
</html>

등장시기

html2

댓글

댓글 본문
작성자
비밀번호
  1. 김진욱
    완료!
  2. Gihoon Pomme Ryu
    완료. 고맙습니다.
  3. 최진실
    영상이 안보여요!
  4. clear
  5. 김민영
    완료
  6. 신비
    감사합니다!
  7. lpuckul
    감사합니다!!! 생활코딩 최고
  8. 항상 감사합니다 명강의 최고
  9. clear
  10. 제 생각에는
    개인적인 생각으로

    그리고 text의 경우에도 영문만 입력받고 싶다거나 특수기호를 의무적으로 사용해야하는 조건을 설정하고 싶다면 어떻게 해야하는지 궁금합니다 < 이렇게 질문 하셨는데

    따로 html tag기능을 사용해서 구현한다기보다는
    이런 부분은 자바코드로 작성하셔야 할 부분인것같아요
    대화보기
    • 홍하루
      감사합니다!!!!
    • ㅅㅈㅎ
      감사합니다!!
    • SlowStarter
      감사합니다!
    • 서춘열
      저는 69생 이랍니다.
      스거하셈 ^^
      대화보기
      • 첫걸음
        34이란 나이로 6년 일한 직장도 퇴사하고 코딩 공부중입니다 인강사이트 알아보다 우연히 알게된 이 강의덕분에 한줄기 희망이 생기네요. . . 워낙에 독학은 불가하다는 글들이 많아서 고민중이었는데 정말 감사합니다
      • Hyeon Ju An
        이해하고 갑니다
      • 171231 감사합니다!
      • 은영이
        <meta charset="utf-8">
        추가해보세요 ^^!
        대화보기
        • <!DOCTYPE html>
          <html lang="ko">
          <head>
          <meta charset="utf-8">
          </head>

          여기서 lang="ko" 하시면 될 듯 합니다.
          대화보기
          • 푸른하늘
            6
          • 김범진
            저도 아톰으로 하는데요 한글로 하면 글이 깨져서 어쩔 수 없이 영어로 모든 걸 하고 있습니다.. 이고잉님은 어떻게 한글로 하는데도 안 깨지나요?
          • Migyeong Kang
            잘봤습니다~
          • 바람과 나무
            감사합니다.
          • 이성준
            우왓! 감사합니당!
          • 오빠는다르다
            감사합니다~!!
          • 뽕쏴꽐라까
            input 과 관련된 여러가지 타입을 찾아보다가 number 타입관련해서 질문드려요 ㅠ
            예를들어 <input type="number" value="0" min="0" max="5"> 라고 했는데
            브라우저에 띄워진 numer 항목에서 직접 50 이라고 입력을 하면 max를 무시하고 50이라 나오더라고요 이런거는 어떻게 처리하나요?

            그리고 text의 경우에도 영문만 입력받고 싶다거나 특수기호를 의무적으로 사용해야하는 조건을 설정하고 싶다면 어떻게 해야하는지 궁금합니다
          • 잘봤습니당
          • gridshim
            170829
          • 광민
            잘봤습니다!
          • Ji-Hoon Lee
            170810 완료!!
          • 감사합니다! 재미있게 입문하고 있어요!
          • 준일
            정말 감사하다고 계속 말씀 드렸지만 정말 큰 도움 되고 있읍니다.
          • Seunghyun Shin
            부왘ㅋㅋㅋㅋ 나도 개인정보 입력창이랑 로그인 기능을 만들 수 있다니 충격이다 ㅋㅋㅋㅋㅋ 이고잉님 감사합니다
          • php가 첫취업?
            감사합니다
          • 14번째
            4.29.
          • 푸른하늘
            감사합니다
            170324
          • 미니밥통
            차근차근 배워나가고 있습니다.
            쉽운 설명 매우 감사합니다.
          • matheios
            강의 감사합니다~
          • 임지호
            <input> 사용자로부터 데이터를 입력받을 수 있는 필드를 만듬
            - 속성 type : 어떤 타입의 필드를 만들지 결정(text,password 등등..)
            submit : 입력한 데이터를 제출할 수 있는 버튼 제공
            name : 서로 다른 값들을 구분하기 위해 이름 지정
            <form> 사용자로부터 데이터를 입력받아 서버로 전송할 수 있게 하는 태그
            - 속성 action : 입력받은 데이터를 어디로 전송할지 지정

            -> input필드에 입력받은 내용이 form 태그의 action속성에 지정한 곳으로 url을 통해 이동됨.
          • Marc
            안녕하세요 <form action=""></form> 에서 액션에 주소 외에

            js파일 속 함수를 넣어줄 수 있다고 들어서요

            혹시 <form action="/login" method="post">과 같이 쓰면

            userLogin.js에 있는 router.post("/login", (req, res, next) => { ... }으로 폼안에 있는 데이터가 전송이 되나요?
          • bak.ha
            완료
          • D.JA
            DONE!
          • 심외무별법
            감사합니다.
          • 김종엽
            2016.08.12 완료!
          • Ian Si Mong Seong
            수강완료
            2016.08.01
          • 김윤아
            수강완료
          • ㅁㄴㅇㄹ
            오오
          • JustStudy
            2016.07.20 수
            고맙습니다 2.
          • 감사합니당♡
          • 이승민
            전 윈도우10 쓰는데 좌우 2등분또는 1,2,3,4분면으로 4등분은 되네요.(드래그해서 끝쪽으로 가져가기) 창의 모서리를 드래그해서 크기조절을 해서 상하분할도 할 수 있습니다만 편하게 할 수 있는 프로그램을 찾는다면 모르겠네요.
            대화보기
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기