๐ŸŒท๐ŸŒผ๋ชจ์—ฌ๋ด์š” ๊ฐœ๋ฐœ์˜์ˆฒ๐ŸŒท๐ŸŒผ

form ์•ก์…˜ ์•ˆํ–ˆ๋Š”๋ฐ ์ž๋™์œผ๋กœ submit ๋ ๋•Œ ๋ณธ๋ฌธ

๊ฐœ๋ฐœ/Front-end

form ์•ก์…˜ ์•ˆํ–ˆ๋Š”๋ฐ ์ž๋™์œผ๋กœ submit ๋ ๋•Œ

์š”์ผ์ด 2021. 7. 9. 16:07
๋ฐ˜์‘ํ˜•

HTML์—์„œ ๋ฒ„ํŠผ์„ ์‚ฌ์šฉํ• ๋•Œ <input type=”button” /> ๋˜๋Š” <button></button> ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์„œ ๊ธฐ๋ณธ์ ์œผ๋กœ <button> ์š”์†Œ ์ž์ฒด๋Š” submit ์†์„ฑ์„ ๊ฐ€์ง€๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— type ์ •์˜๊ฐ€ ๋˜์–ด์žˆ์ง€ ์•Š๋‹ค๋ฉด submit ๋™์ž‘์„ ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

 

๊ธฐ๋ณธ์ ์œผ๋กœ type์€ ์ •์˜ํ•˜์ง€ ์•Š์•„๋„ submit์ž…๋‹ˆ๋‹ค.

<button onclick="search();" type="submit">๊ฒ€์ƒ‰</button>

 

์ด๋ฅผ ๋™์ž‘ํ•˜์ง€ ์•Š๊ฒŒ ํ•˜๋ ค๋ฉด

 

<button onclick="search();" type="button">๊ฒ€์ƒ‰</button>

type์— button ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ํ•ด ์ฃผ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

Comments