ජාවාස්ක්‍රිප්ට් හි ආකෘති බොත්තම්

ඔබ දැනටමත් දන්නා පරිදි, ආකෘතියක් යොමු කරනු ලබන්නේ බොත්තමක් ක්ලික් කිරීමෙනි. කෙසේවෙතත්, මෙහි සියුම් කරුණු ඇත. බොත්තමට අනිවාර්යයෙන්ම type ගුණාංගය submit අගයක් ලෙස තිබිය යුතුය:

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

type ගුණාංගය submit ලෙස සකසා ඇති button ටැගයක් ද ආකෘතිය යොමු කරනු ඇත:

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

ඕනෑම ආදානයක් තුළ නාභිගත කර Enter තද කළහොත් ආකෘතිය ද යොමු වේ.

type ගුණාංගය button අගයක් ලෙස සහිත බොත්තම පිටුවේ මූලද්‍රව්‍යයක් ලෙස භාවිතා කරන අතර ආකෘතිය යොමු නොකරනු ඇත:

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

button ටැගය ද එලෙසම ක්‍රියා කරනු ඇත:

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

type ගුණාංගය reset අගයක් ලෙස සහිත බොත්තම පුරවා ඇති ආකෘතිය හිස් කරනු ඇත:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <input type="reset">
  <input type="submit">
</form>
Задание 1

බොත්තම සේවාදායකය වෙත ආකෘතිය යොමු කරන පරිදි පහත කේතය සංශෝධනය කරන්න:

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