[JS30] - 15) LocalStorage

gygy·2021년 10월 31일
0

Javascript 30 Challenge

목록 보기
15/30
post-thumbnail

Window.loalStorage

localStorage.setItem()

HTML attribute: required

boolean값으로, required 속성이 있는 경우 양식을 제출하기 전에 사용자가 입력 값을 지정해야 한다.

<form>
  <div class="group">
    <input type="text">
    <label>Normal</label>
  </div>
  <div class="group">
    <input type="text" required="required">
    <label>Required</label>
  </div>
  <input type="submit">
</form>

<label>

HTML 요소는 사용자 인터페이스 항목의 설명을 나타낸다.
label을 input요소와 연결해 사용했을 때 장점

  • screenreader는 form input에서 label을 읽어서 사용자가 입력해야 하는 텍스트가 무엇인지 보다 쉽게 이해할 수 있다.
  • 관련 label을 클릭해 input을 활성화 할 수 있다.
    label을 input요소와 연결시키려면 input에 id속성을 넣고, label에 for속성을 넣어야 한다.(id와 같은 속성)
    <div class="preference">
      <label for="cheese">Do you like cheese?</label>
      <input type="checkbox" name="cheese" id="cheese">
    </div>

Reference

profile
Why?에서 시작해 How를 찾는 과정을 좋아합니다. 그 고민과 성장의 과정을 꾸준히 기록하고자 합니다.

0개의 댓글