HTML ( form 태그(사용자 입력) )

text 입력

 <!--

        폼태그

        form: 사용자가 뭔가를 입력하는 형태로 만들어진 모든 것

     <form method = "보내는 방법">

        method:폼 안의 데이터들을 감싸서 보낼 것 인가?(post) 보여주면서 보낼 것 인가?(get)

                method 속성을 사용하지 않으면 get 방식으로 전송됨

        action:폼 안의 데이터를 전송할 주소(페이지)

        1.폼요소

        1)text 형태 데이터 입력 : <input type = 'text'name ='이름지정'>

        2)

    -->

    <form method="get" action="link2.html">

      <p>

        <input type="text" name="name" />

      </p>

      <p>

        <input type="text" name="age" />

      </p>

      <p>

        <!-- submint : 현재 폼을 action 지정한 곳으로  (link2.html)-->

        <input type="submit" value="전송" />

        <!-- http://192.168.000.000:5500/htmlsource/link2.html?name=홍길동&age=30

            이런식으로 입력 정보가 보이는 방식이 get 방식이다.

        -->

<label for="name">이름</label>

이런식으로 라벨링 가능  (이름 클릭시 해당 폼 클릭됨)

checkbox

<!--

        checkbox : 이름은 동일하게 ,  value는 체크박스를 선택했을 때 보여줄 값으로 작성

        사용자에게 여러개를 선택할 수 있는 옵션 제공

    -->

 

<form action="form1.html" method="get">

      <h3>수강 분야</h3>

      <ul>

        <label>

          <li><input type="checkbox" name="subject" value="문법" id="" />문법</li>

        </label>

        <label>

          <li><input type="checkbox" name="subject" value="작문" id="" />작문</li>

        </label>

        <label>

          <li><input type="checkbox" name="subject" value="독해" id="" />독해</li>

        </label>

      </ul>

      <div><input type="submit" value="전송" /></div>

      <!-- 전송 누를시 체큰한값이 주소에 따라옴

        http://192.168.219.104:5500/htmlsource/form1.html?subject=작문&subject=독해

      -->

    </form>

radio

<!--

        radio : 여러개중 한개의 옵션을 선택할때 사용

        name을 동일하게 사용해야 한개만 선택가능하다.

    -->

    <form action="form1.html" method="get">

      <h3>수강 분야</h3>

      <ul>

        <label>

          <li><input type="radio" name="subject" value="문법" id="" />문법</li>

        </label>

        <label>

          <li><input type="radio" name="subject" value="작문" id="" />작문</li>

        </label>

        <label>

          <li><input type="radio" name="subject" value="독해" id="" />독해</li>

        </label>

      </ul>

      <div><input type="submit" value="전송" /></div>

      <!-- 전송 누를시 체큰한값이 주소에 따라옴

        http://192.168.219.104:5500/htmlsource/form1.html?subject=작문&subject=독해

      -->

    </form>