ფორმის ღილაკები JavaScript-ში

თქვენ უკვე იცით, რომ ფორმა იგზავნება ღილაკზე დაჭერით. თუმცა, აქ არის ნიუანსები. ღილაკს აუცილებლად უნდა ჰქონდეს ატრიბუტი type მნიშვნელობით submit:

<form>
	<input name="test1">
	<input name="test2">
	<input type="submit">
</form>

ფორმას ასევე გაგზავნის button ტეგი type ატრიბუტით submit მნიშვნელობით:

<form>
	<input name="test1">
	<input name="test2">
	<button type="submit">btn</button>
</form>

ფორმა ასევე გაიგზავნება, თუ ნებისმიერ ინპუტში დაისვამთ ფოკუსს და დააჭერთ Enter.

ღილაკი type ატრიბუტით button მნიშვნელობით გამოიყენება როგორც გვერდის ელემენტი და ფორმას არ გაგზავნის:

<form>
	<input name="test1">
	<input name="test2">
	<input type="button">
</form>

ანალოგიურად იმუშავებს button ტეგი:

<form>
	<input name="test1">
	<input name="test2">
	<button>btn</button>
</form>

ღილაკი type ატრიბუტით reset მნიშვნელობით გაასუფთავებს შევსებულ ფორმას:

<form>
	<input name="test1">
	<input name="test2">
	<input type="reset">
	<input type="submit">
</form>

გამასწორეთ შემდეგი კოდი ისე, რომ ღილაკმა სერვერზე გაგზავნოს ფორმა:

<form>
	<input name="name">
	<input name="surn">
	<button>send</button>
</form>