HTML intermediate (2)

μž„μ •λ―ΌΒ·2021λ…„ 9μ›” 15일
0

HTML

λͺ©λ‘ 보기
3/3
post-thumbnail

πŸš€ form νƒœκ·Έ

:form νƒœκ·ΈλŠ” λ¬Έμ„œμ— μž‘μ„±ν•œ 뢀뢄듀을 μ„œλ²„λ‘œ 전솑할 λ•Œ μ‚¬μš©ν•œλ‹€.
form action=""enctype="multipart/form-data"을 μ μ–΄μ•Όλ§Œ μ„œλ²„λ‘œ 전솑이 κ°€λŠ₯

  • input: μ—¬λŸ¬κ°€μ§€ 속성을 μ΄μš©ν•˜μ—¬ μ‚¬μš©μžκ°€ λ‹€μ–‘ν•˜κ²Œ 양식을 λ³Ό 수 있게 ν•œλ‹€. value 값을 μ‚¬μš©ν•˜μ—¬ 기본값을 μ„€μ •ν•  수 μžˆλ‹€.
      βœ”< 잘 κΉŒλ¨Ήμ–΄μ„œ λ³΅μŠ΅ν•΄μ•Ό ν•  λΆ€λΆ„ >βœ”
    • hidden: μ‚¬μš©μžμ—κ²Œ λ³΄μ΄μ§€λŠ” μ•Šμ§€λ§Œ μ„œλ²„λ‘œ 전솑은 λ˜λŠ” νƒœκ·Έ
    • checkbox: 닀쀑선택이 κ°€λŠ₯
    • radio: 단일 μ„ νƒλ§Œ κ°€λŠ₯ (name을 λ‹€λ₯΄κ²Œ μ§€μ •ν•˜λ©΄ 닀쀑선택이 κ°€λŠ₯ν•˜λ‹€ κ·ΈλŸ¬λ‚˜ μΆ”μ²œν•˜μ§€ μ•ŠμŒ)
  • select: λ“œλžν˜• UI둜 option으둜 λͺ©λ‘μ„ 지정할 수 μžˆλ‹€.
  • textarea: ν…μŠ€νŠΈ μƒμžλ‘œ rows와 colsλ₯Ό μ΄μš©ν•˜μ—¬ ν…μŠ€νŠΈ μƒμž 크기λ₯Ό 지정할 수 μžˆλ‹€. value값이 μ—†κ³ 
    <textarea>이 사이에 값을 μ“°λ©΄ value 값이 λœλ‹€.</textarea>
  • button: submit μ†μ„±μœΌλ‘œ 적힌 λ‚΄μš©μ„ μ„œλ²„λ‘œ 전솑할 수 μžˆλ‹€.
    reset μ†μ„±μœΌλ‘œ μ—¬νƒœκΉŒμ§€ μ“΄ λ¬Έμ„œλ₯Ό μ΄ˆκΈ°ν™” μ‹œν‚¬ 수 μžˆλ‹€.

κ·Έ μ™Έ μ΄μš©ν•˜λŠ” νƒœκ·Έ

-placeholder: μ–‘μ‹μ•ˆμ— κΈ°λ³Έ μ•ˆλ‚΄μš© 문ꡬ둜 μ‚¬μš© κ°€λŠ₯.

-readonly: μ‚¬μš©μžκ°€ μˆ˜μ •ν•  수 μ—†μŒ, μ„œλ²„λ‘œ 전솑은 됨.

-checked: μ²΄ν¬λ°•μŠ€κ°€ 기본적으둜 μ²΄ν¬λ˜μ–΄ μžˆλŠ” μƒνƒœλ‘œ λ³€κ²½.

-disabled: μ‚¬μš© λΉ„ν™œμ„±ν™”.

πŸ˜₯또 GETκ³Ό POST도 λ°°μ› λŠ”λ° 이 뢀뢄은 μ„œλ²„λΆ€λΆ„ 곡뢀가 ν•„μš”ν•΄ 보인닀..
λ‹€μ‹œλ΄λ„ 이해λ₯Ό 잘 λͺ»ν•˜κ² λ‹€..

profile
✨개발자λ₯Ό ν–₯ν•΄ λ‚˜μ•„κ°€λŠ” μ€‘μž…λ‹ˆλ‹€πŸš€

0개의 λŒ“κΈ€