ඉන්පුට් ටැගය
input ටැගය HTML පෝරමයේ විවිධ අංග සාදයි:
සාමාන්ය ආදාන ක්ෂේත්රය, මුරපදය ඇතුළු කිරීම සඳහා ක්ෂේත්රය,
ෆ්ලැගය checkbox (චෙක්බොක්ස්),
රේඩියෝ බොත්තම් (radio), බොත්තම.
input ටැගය ටැගය තුළ පිහිටා තිබිය යුතුය
form.
මෙය අනිවාර්ය නොවේ, එය සේවාදායකයා වෙත දත්ත යැවීම සඳහා අවශ්ය වේ
සහ පසුව ඒවා සැකසීම
PHP හරහා.
වසා දැමීමේ ටැගයක් අවශ්ය නොවේ.
ගුණාංග
| ගුණාංගය | විස්තරය |
|---|---|
type |
ආදාන ක්ෂේත්රයේ වර්ගය සකසයි. විකල්ප පහතින් බලන්න. |
value |
ආදාන ක්ෂේත්රයේ පෙරනිමි අගය. බොත්තම සමඟ එහි පෙළ සකසයි.
වැඩි විස්තර සඳහා ගුණාංගය බලන්න value.
|
placeholder |
ආදාන ක්ෂේත්රයේ ඉඟිය, වැඩි විස්තර සඳහා බලන්න
ගුණාංගය placeholder.
|
name |
ආදාන ක්ෂේත්රයේ නම. PHP හි ආදාන ක්ෂේත්රයේ දත්ත ලබා ගැනීමට අවශ්ය වේ. පෝරමය නිසි ලෙස ක්රියා කිරීම සඳහා ආදාන ක්ෂේත්රවල නම් එකිනෙකා සමඟ සමපාත නොවිය යුතුය (එක් පෝරමයක). ඒවා සමපාත වුවහොත් - PHP වෙත පහළට ඇති ආදාන ක්ෂේත්රයේ දත්ත ලැබේ HTML කේතය. |
disabled |
පෝරම අංගය (input පමණක් නොව, ඕනෑම එකක්) අවහිර කරයි,
වැඩි විස්තර සඳහා ගුණාංගය බලන්න disabled.
|
type ගුණාංගයේ අගයන්
| අගය | විස්තරය |
|---|---|
text |
සාමාන්ය පෙළ ආදාන ක්ෂේත්රයක් සාදයි. |
password |
මුරපදය සඳහා පෙළ ආදාන ක්ෂේත්රයක් සාදයි. එහි පෙළ ඇතුල් කිරීමට උත්සාහ කරන්න - එය තරු ලෙස පෙන්වනු ඇත. |
checkbox |
ෆ්ලැගය චෙක්බොක්ස් සාදයි.
වැඩි විස්තර සඳහා බලන්න checkbox.
|
radio |
රේඩියෝ ස්විචයක් සාදයි.
වැඩි විස්තර සඳහා බලන්න radio.
|
hidden |
සැඟවුණු ඉන්පුට් එකක් සාදයි, එය තිරයේ දෘශ්යමාන නොවන නමුත් එය අඩංගු දත්ත යවනු ඇත.
ගුණාංගයේ value දත්ත සේවාදායකයා වෙත.
|
button |
බොත්තමක් සාදයි. මෙම බොත්තම ක්ලික් කිරීම
පෝරමය සේවාදායකයා වෙත යවන්නේ නැත. එය භාවිතා කළ හැකිය
සබැඳිය හෝ JavaScript හරහා.
පෙරනිමියෙන් බොත්තමට පෙළ නොමැත (පෙළ නොමැති බොත්තමක උදාහරණය: ),
එය සකසා ඇත value භාවිතා කරමින්.
ටැගය ද බලන්න button,
එය ද බොත්තමක් සාදයි.
|
submit |
දත්ත සේවාදායකයා වෙත යවන බොත්තමක් සාදයි.
බොත්තම් පෙළ බ්රවුසරය මත රඳා පවතී, එය වෙනස් කළ හැකිය
value භාවිතා කරමින්.
ටැගය ද බලන්න button,
එය ද බොත්තමක් සාදයි.
|
reset |
පුරවා ඇති පෝරමය ඉවත් කරන බොත්තමක් සාදයි.
බොත්තම් පෙළ බ්රවුසරය මත රඳා පවතී, එය වෙනස් කළ හැකිය
value භාවිතා කරමින්.
|
file |
ගොනුව තේරීමේ බොත්තමක් සාදයි. මෙම බොත්තමේ නිර්මාණය වෙනස් කිරීම තහනම් ය
CSS හරහා (කෙසේ වෙතත්, උපක්රමශීලී ක්රම තිබේ). ඔබට පෝරමයක එවැනි ක්ෂේත්රයක් අවශ්ය නම්
ටැගය form ට ගුණාංගයක් තිබිය යුතුය
enctype අගයේ multipart/form-data.
|
HTML5 හි type ගුණාංගයේ නව අගයන්
ගුණාංගයේ මෙම අගයන් නව ඒවා වේ, දිස්විය HTML5 හි පමණක්, එබැවින් සමහර බ්රවුසරවල ඒවා ක්රියා නොකර හෝ වෙනස් ලෙස ක්රියා කළ හැකිය විවිධ බ්රවුසරවල.
බ්රවුසරයට අන්තර්ගතය තේරුම් ගත නොහැකි විට
ගුණාංගය type (උදාහරණයක් ලෙස, එය නම්
සහාය නොදක්වන හෝ වැරදි ලෙස ඇතුළු කර ඇත),
එය මූලද්රව්යය සාමාන්ය පෙළ ලෙස සලකනු ඇත
ඉන්පුට්, type හි අගය ලෙස
text.
පහත දැක්වෙන උදාහරණ බලන්න
විවිධ බ්රවුසර. ඇතුළු කිරීමට උත්සාහ කරන්න
පෙළ ඉන්පුට් වලින් සහ යැවීමේ බොත්තම ක්ලික් කරන්න.
පෙළ නිවැරදි නොවේ නම් හෝ ක්ෂේත්රය හිස් නම් -
බ්රවුසරය දෝෂයක් ලබා දෙනු ඇත. උදාහරණයක් ලෙස, නම්
ටයිප් කරන ලද ක්ෂේත්රයේ email වැරදි එකක් ඇතුළු කරන්න
ඊමේල් - බ්රවුසරය පෝරමය යැවීමට ඉඩ නොදෙන අතර
දෝෂ පණිවුඩයක් නිකුත් කරන්න (දෝෂ පෙළ
සහ එහි පෙනුම html css මත වෙනස් කළ නොහැක).
ක්ෂේත්රය හිස් නම් - බ්රවුසරය ද දෝෂයක් ලබා දෙනු ඇත,
මෙය ගුණාංගය භාවිතයෙන් සාක්ෂාත් කර ගනී required:
| අගය | විස්තරය |
|---|---|
email |
|
number |
|
url |
|
tel |
|
search |
|
color |
|
date |
|
month |
|
week |
|
datetime |
|
datetime-local |
|
range |