[HTML] Tag

🏠<Form> Tag

<form action="" method="get" class="form-example">
  <div class="form-example">
    <label for="name">Enter your name: </label>
    <input type="text" name="name" id="name" required>
  </div>

  <div class="form-example">
    <input type="submit" value="Subscribe!">
  </div>
</form>

🔨アクション属性

🔨メソッドのプロパティ

🔨button Tag

	<button name="button">눌러보세요</button>

🔨textarea Tag

  <label for="story">Tell us your story:</label>

  <textarea id="story" name="story"
            rows="5" cols="33">
  It was a dark and stormy night...
  </textarea>

  resize: none; /* 사용자 임의 변경 불가 */
  resize: both; /* 사용자 변경이 모두 가능 */
  resize: horizontal; /* 좌우만 가능 */
  resize: vertical; /* 상하만 가능 */

::-webkit-scrollbar
::-webkit-scrollbar-button
::-webkit-scrollbar-button:start
::-webkit-scrollbar-button:end
::-webkit-scrollbar-button:vertical:increment
::-webkit-scrollbar-button:vertical:decrement
::-webkit-scrollbar-track
::-webkit-scrollbar-track-piece
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
::-webkit-resizer

🔨input Tag

は空の要素で、子供を持つことはできません.

  <div class="form-example">
    <label for="email">Enter your email: </label>
    <input type="email" name="email" id="email" required>
  </div>

<属性タイプ>

<input type="text" id="name" name="name" required
    minlength="4" maxlength="8" size="10">

range:数値範囲を入力できます.ほぼ0～100の範囲があります.調節すれば範囲を調節できる.Stepで増減の程度を指定できます.

🔨label Tag

 <div class="form-example">
    <label>Enter your email: 
    	<input type="email", name="email>
    </label>
 </div>

🔨fieldset Tag

<form>
  <fieldset>
    <legend>Choose your favorite monster</legend>

    <input type="radio" id="kraken" name="monster">
    <label for="kraken">Kraken</label><br/>

    <input type="radio" id="sasquatch" name="monster">
    <label for="sasquatch">Sasquatch</label><br/>

    <input type="radio" id="mothman" name="monster">
    <label for="mothman">Mothman</label>
  </fieldset>
</form>

🔨legend Tag

🔨Select Tag

  <label for="pet-select">Choose a pet:</label>

  <select id="pets" id="pet-select">
  	<optgroup label = "animal">
        <option value="">--Please choose an option--</option>
        <option value="dog">Dog</option>
        <option value="cat">Cat</option>
        <option value="goldfish">Goldfish</option>
    <optgroup label = "animal">
  </select>

optiontagでは、値として値をパブリッシュするように指定できます.次の図に示すように、プロンプトを画面に表示する場合は、サーバに送信するときに制御するには、オプション値を0に指定する必要があります.

オプションを組み合わせることができます.labelプロパティで名前を付けることもできます.

🔨datalist/list Tag

  <label for="ice-cream-choice">Choose a flavor:</label>
  <input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />

  <datalist id="ice-cream-flavors">
      <option value="Chocolate">
      <option value="Strawberry">
      <option value="Vanilla">
  </datalist>

テキスト値を入力し、その値を認識し、可能な選択を推奨します.