පෝරම ඉදිරිපත් කිරීමට ආදාන ටුව භාවිතා කිරීම
HTML ආකෘති ඔබේ වෙබ් අඩවියට අන්තර්ක්රියාකාරිත්වයක් එකතු කිරීමේ වඩාත් මූලික ක්රමයකි. ඔබේ පාඨකයින්ගෙන් ප්රශ්න ඇසීමට සහ පිළිතුරු ලබා දීමට, දත්ත සමුදායන්ගෙන් අමතර තොරතුරු, ක්රීඩා සකස් කිරීම සහ තවත් දේ සැපයිය හැකිය. ඔබේ ආකෘති නිර්මාණය කිරීමට ඔබට භාවිතා කළ හැකි HTML අංග ගණනාවක් තිබේ. ඔබ ඔබේ ආකෘතිය ගොඩනඟා පසුව, එම දත්තයන් සේවාදායකයට යැවීමට විවිධ ආකාර ගණනාවක් ඇත, නැතහොත් ක්රියාකාරී ක්රියාකාරීත්වය ක්රියාත්මක කිරීම ආරම්භ කරන්න.
ඔබේ ආකෘති පත්රය ඉදිරිපත් කළ හැකි ක්රම කීපයක් පහත දැක්වේ:
-
- සේවාදායකයට දත්ත ලබා ගැනීම වඩාත් පොදු ක්රමයකි, නමුත් එය ඉතා සරළ පෙනුමක් විය හැකිය.
-
- පින්තූරයක් භාවිතා කරමින් ඔබගේ ඉදිරිපත් කිරීමේ බොත්තම ඔබේ වෙබ් අඩවියේ විලාසිතාවට ගැලපෙන පරිදි පහසු කිරීම පහසු කරයි. නමුත් සමහර අය එය ඉදිරිපත් කිරීමේ බොත්තමක් ලෙස පිළිගන්නේ නැත.
-
- INPUT ටැග් බොත්තම INPUT ටැගයට වඩා සමාන විකල්ප බොහොමයක් ලබා දෙයි, නමුත් සම්මත ආකාරයෙන් ටයිප් කරන්න. එය ක්රියාත්මක කිරීම සඳහා JavaScript අවශ්ය වේ.
- <බොත්තම>
- BUTTON ටැගය යනු INPUT ටැගයට වඩා වඩාත් විවිධාකාර බොත්තම. මෙම ටැගය ක්රියාත්මක කිරීමට Javacript අවශ්ය වේ.
-
- COMMAND අංගය HTML5 හි නවීකරණය වේ, ඊට අනුබද්ධ ක්රියාපටිපාටීන් සහ ස්ක්රිප්ට් සහ ආකෘති ක්රියාත්මක කිරීමට ක්රමයක් සපයයි. එය ජාවාස්ක්රිප්ට් සමඟ සක්රිය කර ඇත.
INPUT මූලද්රව්යය
ආදාන අංගයක් යනු ආකෘති පත්රය ඉදිරිපත් කිරීම සඳහා වඩාත් පොදු ක්රමයයි. ඔබ විසින් කළ යුතු සියල්ල වර්ගය (බොත්තම, රූපය හෝ ඉදිරිපත් කරන්න) සහ අවශ්ය පරිදි යම් කේත රචනයක් ස්වරූපය ක්රියාවට නැංවීමට අවශ්ය වේ.
අංගය එලෙසම ලිවිය හැක. නමුත් ඔබ කරන්නේ නම්, විවිධ බ්රව්සර්වල වෙනස් ප්රතිඵල ඔබට ලැබෙනු ඇත. බොහෝ බ්රවුසර්ස් "Submit" කියන බොත්තමක් හදනවා, නමුත් ෆයර්ෆොක්ස් "Query ඉදිරිපත් කරන්න" බොත්තමක් යවයි. බොත්තම කුමක්දැයි වෙනස් කිරීමට ඔබට පහත සඳහන් අංගයක් එකතු කළ යුතුය:
value = "ආකෘති පත්රය ඉදිරිපත් කරන්න">
මූලද්රව්යය ලියැවුණු නමුත්, ඔබ අනෙකුත් ගුණාංග අත්හැර දමා තිබේ නම්, බ්රවුසරයේ දර්ශනය වන සියල්ල හිස් අළු බොත්තමකි. බොත්තමට පෙළ එක් කිරීම සඳහා, අගය ගුණාංගය භාවිතා කරන්න. නමුත් ඔබ ජාවාස්ක්රිරු භාවිතා නොකරන්නේ නම් මෙම බොත්තම ඔබ විසින් ආකෘතිය ඉදිරිපත් නොකෙරේ.
onclick = "ඉදිරිපත් කරන්න ();">
ආකෘති පත්රය ඉදිරිපත් කිරීම සඳහා ස්ක්රිප්ට් අවශ්ය වන බොත්තම වර්ගය හා සමාන වේ. අකුරු අගයක් වෙනුවට එය ඔබට පින්තුර ප්රභවයක් එක් කිරීමට අවශ්යය.
src = "submit.gif">
කප්පම් මූලද්රව්යය
බොටෝට් මූලද්රව්යයේ විවෘත කිරීමේ ටැග් එකක් සහ අවසන් කිරීමේ ටැගය යන දෙකම අවශ්ය වේ. ඔබ එය භාවිතා කරන විට, ඔබ ටැග් එක ඇතුලත ඕනෑම අන්තර්ගතයක් බොත්තමක් ඇතුලත්වේ. එවිට ඔබට බොත්තමක් අක්ෂරයක් සක්රිය කර ඇත.
ආකෘති පත්රය ඉදිරිපත් කරන්න
ඔබට ඔබේ බොත්තමෙහි පින්තූර ඇතුළත් කළ හැකිය, හෝ වඩාත් රසවත් බොත්තමක් සෑදීමට රූප සහ පෙළ ඒකාබද්ධ කරන්න.
ආකෘති පත්රය ඉදිරිපත් කරන්න
කොමෙන්ට් මූලද්රව්යය
COMMAND අංගය HTML5 සමඟ අලුත් වේ. ෆෝම් එකක් භාවිතා කිරීම සඳහා එය අවශ්ය නොවේ, නමුත් එය ආකෘති පත්රයක් සඳහා ඉදිරිපත් කිරීමේ බොත්තමක් ලෙස ක්රියා කළ හැකිය. ඔබට අවශ්ය ආකෘති අවශ්ය නොවේ නම් ආකෘති පත්රයකින් තොරව වැඩි අන්තර්ක්රියාකාරි පිටු තැනීමට මෙම අංගය ඔබට ඉඩ දෙයි. ඔබට යමක් පැවසීමට විධානය අවශ්ය නම්, ඔබ ලේබලයේ ඇති ලක්ෂණය මත ලියන්න.
label = "ආකෘති පත්රය ඉදිරිපත් කරන්න">
ඔබට ඔබේ විධානයක් රූපයක් මඟින් නිරූපනය කිරීමට අවශ්ය නම්, ඔබ විසින් අක්ෂර ගුණාංගය භාවිතා කරයි.
icon = "submit.gif">
මෙම ලිපියට HTML Forms Tutorial හි කොටසකි . HTML ආකෘති භාවිතා කරන ආකාරය ඉගෙන ගැනීමට පූර්ණ නිබන්ධනය කියවන්න.
පෙර පිටුවෙහි ඔබ ඉගෙන ඇති පරිදි HTML ආකෘති ඉදිරිපත් කිරීමට විවිධ ආකාර කීපයක් ඇත. එම ක්රම දෙකේ INPUT ටැගය සහ BUTTON ටැගය ඇතුළත් වේ. මෙම මූලද්රව්ය දෙකම භාවිතා කිරීමට හොඳ හේතු ඇත.
INPUT මූලද්රව්යය
පෝරමයක් ඉදිරිපත් කිරීමට පහසුම ක්රමය වන්නේ ටැගයයි. එය ටැග්වලට වඩා කිසිවක් අවශ්ය නොවේ. පාරිභෝගිකයා බොත්තම ක්ලික් කළ විට එය ස්වයංක්රීයව ඉදිරිපත් කරයි. ඔබට කිසිම කේත රචනයක් එකතු කිරීමට අවශ්ය නොවේ, INPUT ටැගය ක්ලික් කළ විට ආකෘතිය ඉදිරිපත් කිරීමට බ්රවුසරය දැන සිටිය යුතුය.
ගැටලුව වන්නේ මෙම බොත්තම ඉතා කැත සහ සරල බවය. ඔබට එය පින්තූර එකතු කළ නොහැක. ඔබට වෙනත් මූලද්රව්යයක් මෙන් එය හැඩගස්වාගත හැකිය, නමුත් එය තවමත් අද්විතීය බොත්තමක් මෙන් දැනිය හැකිය.
JavaScript ක්රමය අක්රිය කර ඇති බ්රව්සර්වල පවා ඔබගේ ආකෘතිය ප්රවේශ විය හැකි විට INPUT ක්රමය භාවිතා කරන්න.
කප්පම් මූලද්රව්යය
ආකෘති පත්රය ඉදිරිපත් කිරීම සඳහා බට්න් මූලද්රව්ය තවත් විකල්ප සපයයි. බූට්ටන් මූලද්රව්යයක් තුළ ඕනෑම දෙයක් දැමිය හැකි අතර එය බොත්තම ක්ලික් කරන්න. සාමාන්යයෙන් මිනිසුන් රූප හා පෙළ භාවිතා කරයි. නමුත් ඔබ ඩීවීඩී එකක් නිර්මාණය කළ හැකි අතර ඔබ ඒ සියල්ලම ඉදිරිපත් කිරීමට බොත්තමක් අවශ්යයි.
BUTTON මූලද්රව්යයට ඇති විශාලම පසුබිම වන්නේ එය ස්වයංක්රියව පෝරමයට යටත් නොවේ. මෙහි අර්ථය නම් එය ක්රියාත්මක කිරීම සඳහා කිසියම් ආකාරයක ස්ක්රිප්ට් එකක් තිබිය යුතුය. ඒ නිසා එය INPUT ක්රමය වඩා අඩු ප්රවේශයකි. ජාවාස්ක්රිප්ට් නොමැතිව සිටින ඕනෑම පරිශීලකයෙකුට එය ඉදිරිපත් කිරීම සඳහා BUTTON මූලද්රව්යයක් සහිත පෝරමයක් පමණක් ඉදිරිපත් කිරීමට නොහැකි වනු ඇත.
විවේචනාත්මක නොවන ආකාරයේ බූටන් ක්රමය භාවිතා කරන්න. එසේම, මෙය එක් ආකාරයක් තුළ අතිරේක ඉදිරිපත් කිරීමේ විකල්ප එකතු කිරීම සඳහා විශිෂ්ට ක්රමයකි.
මෙම ලිපියට HTML Forms Tutorial හි කොටසකි. HTML ආකෘති භාවිතා කරන ආකාරය පිළිබඳ වැඩිදුර දැනගැනීම සඳහා මෙය කියවන්න