form , input

Jihyun-Jeonยท2022๋…„ 2์›” 17์ผ
0

HTML,CSS

๋ชฉ๋ก ๋ณด๊ธฐ
2/34

๐Ÿ”ถfiledset

  • form ์•ˆ์—์„œ ๊ตฌ์—ญ์„ ๋‚˜๋ˆŒ๋•Œ ์“ฐ์ž„
  • legendํƒœ๊ทธ๋ฅผ ๋ถ™์—ฌ ํ•ด๋‹น ๊ตฌ์—ญ์— ์ œ๋ชฉ์„ ๋ถ™์ผ ์ˆ˜ ์žˆ์Œ
  • disabled ์ง€์ •ํ•œ ๊ฒฝ์šฐ, ๋ชจ๋“  ์ž์† ์ปจํŠธ๋กค์„ ๋น„ํ™œ์„ฑํ™”๋˜์„œ ํŽธ์ง‘ํ•  ์ˆ˜ ์—†๊ณ  form ์ œ์ถœ์‹œ ๋ฐ์ดํ„ฐ์— ํฌํ•จ๋˜์ง€ ์•Š์Œ. (ํšŒ์ƒ‰์œผ๋กœ ํ‘œ์‹œ๋จ.)


๐Ÿ”ถinput

  • label ์„ input ์š”์†Œ์™€ ์—ฐ๊ด€์‹œํ‚ค๋ ค๋ฉด, input์˜ id์™€ label์˜ for์— ๊ฐ™์€ ๊ฐ’์„ ๋„ฃ์–ด์•ผํ•จ.

  • radio๋ฒ„ํŠผ ์—์„œ ํ•˜๋‚˜์˜ ๋ฒ„ํŠผ๋งŒ ์„ ํƒํ•˜๊ฒŒ ํ•˜๋ ค๋ฉด
    :๋ชจ๋“  ๋ผ๋””์˜ค ๋ฒ„ํŠผ์— name๊ฐ’์„ ๋˜‘๊ฐ™์ด ์ง€์ •ํ•ด์•ผ ํ•จ

๐Ÿ”ถform

  • input์˜ submit ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด form์„ ์ œ์ถœํ•˜๊ฒŒ ๋จ. ์ดํ›„ ํŽ˜์ด์ง€๊ฐ€ ์ƒˆ๋กœ๊ณ ์นจ ๋จ.
	<form>
        <label for="text">name</label>
        <input type="text" id="text" required />

        <input type="submit" value="์ œ์ถœ!" id="sub" /> //1
        <button type="submit">์ œ์ถœ</button> 	//2 
        							   		//(1๊ณผ2๋Š” ๊ฐ™์€ ๊ฒƒ์ž„.)
      </form>

0๊ฐœ์˜ ๋Œ“๊ธ€