form, input

45023 ワード
inputタグ フォームタグ テキストリンク
昨日の
  • を復習します
    <フォームラベル、入力ラベル>
    <form action="./044_racoon.html" method="get" autocomplete="off">
  <!-- action에는 웹서버에 전송 할 곳을 입력함. 
    method에는 get이나 post 둘중에 하나, 대부분 post를 씀.
    get은 입력한 값이 주소창에 입력이 됨(보안상에 문제가 있음) 
    autocomplete는 자동완성 기능인데, on/off가 있음-->
    <label for="search">검색하시오</label><input id="search" type="text" title="검색">
    <!-- label은 폼요소 옆에 붙이는 텍스트. 이 텍스트를 클릭했을 때,
    폼요소에 커서가 생기므로 편리하다. 단, label의 for와 input의 id 값에 같은 값을 
    줘야지 동작한다. -->
    <!-- 이렇게 하는 방법도있고, 내 기준 더 편한 방법은: input태그를 label 태그안에
    넣는 방법이다. for 값과 id 값을 입력하지 않아도 됨. ex) -> -->
    <label>검색하시오<input type="text" title="검색"></label>
    <input type="submit" value="검색">
    <!-- text에 값을 입력하고 검색 버튼을 누르면 action의 값인 사이트로 이동 -->
</form>
  • fieldset,legendラベル-フォーム要素グループ
    • <form style="border: 1px solid black; padding: 20px; width:350px;">
    <fieldset style="width:300px;">
      <legend>개인정보</legend>
        <ul>
          <li>
            <label for="name">이름</label>
            <input type="text" id="name">
          </li>
          <li>
            <label for="name">메일주소</label>
            <input type="text" id="name">
          </li>
        </ul>
    </fieldset>
    <fieldset style="width:300px;">
      <legend>개인정보</legend>
        <ul>
          <li>
            <label for="name">이름</label>
            <input type="text" id="name">
          </li>
          <li>
            <label for="name">메일주소</label>
            <input type="text" id="name">
          </li>
        </ul>
    </fieldset>
  </form>

    整理
  • 入力ラベルおよび例
    <body>
  <!--input과 label을 같이 지정해주는 이유는 밑에 있는 문장을 예로 들었을 때
  label for와 input id의 속성을 같은 값으로 설정을 해주면 label의 '고객 명'을
  클릭 하였을 때 input 속성에 커서가 옮겨짐-->
  <p><label for="name">고객 명: </label><input type="text" id="name"></p>
  <p><label for="resinumber">주민번호: </label>
    
    <input style="width:100px;" maxlength="6" type="text" id="resinumber">-<input type="text" style="width:100px;"></p>
  <p><label for="phonenumber">전화번호: </label>
    <select name="number" id="phonenumber">
      <option value="010">010</option>
      <option value="010">011</option>
      <option value="010">018</option>
      <option value="010">017</option>
    </select>
      -<input type="tel" style="width:50px;">-<input type="tel" style="width:50px;"></p>
  <p><label for="email">E-mail: </label><input type="email" id="email"></p>
  <!--radio버튼 목록중에 하나만 선택하는거 어떻게 하는건지?-->
  <!--radio는 다중선택 불가능-->
  <fieldset style="width:200px;">
    <!-- legend에다가 width값을 주는것 x ->fieldset에다가 width값 넣어야 가로사이즈 바뀜 -->
    <legend>피자 사이즈</legend>
    <input type="radio" name="size" id="size1" checked><label for="size1">small</label><br>
    <!--checked속성을 쓰면 처음부터 기본으로 이 항목이 선택되어 있음-->
		<input type="radio" name="size" id="size2"><label for="size2">medium</label><br>
    <input type="radio" name="size" id="size3"><label for="size3">large</label>
		<!-- radio태그에는 name속성값을 같은 값으로 줘야 저 중에 하나만 선택 가능하다. 중요! -->  
</fieldset>
  <!--체크박스는 다중선택 가능-->
  <fieldset style="width:200px;">
    <legend>토핑 선택</legend>
    <input type="checkbox" id="bacon"><label for="bacon">베이컨</label><br>
    <input type="checkbox" id="cheese"><label for="cheese">치즈</label><br>
    <input type="checkbox" id="onion"><label for="onion">양파</label><br>
    <input type="checkbox" id="mushroom"><label for="mushroom">버섯</label>
  </fieldset>
  <p><label for="number">주문수량</label><input type="text" id="number"></p>
  <p><label for="del_date">희망배송날짜: </label><input type="date" name="" id="del_date"></p>
  <p><label for="del_time">희망배송시간: </label><input type="time" name="" id="del_time"></p>
  <p><label for="demand">배송시 요청사항: </label><textarea name="demand" id="demand" cols="15" rows="2"></textarea></p>
  <input type="button" value="주문하기">
  <input type="button" value="다시 선택하기">
</body>
    • [C言語ベース]#01.printf()
    コンストラクタ