Friday, November 25, 2016

HTML Lesson Part - 10 පෝරම නිර්මාණය

දත්ත එක්රැස් කරගැනීම සඳහා මෙන්ම කවත් බොහෝ කටයුුතු සඳහා අත්‍යවශ්‍ය වන පෝරම අංගයන් නිර්මාණය කිරීම පිළිබඳව මෙහිදී විස්තර කෙරේ.


පෝරම නිර්මාණයේදී යොදන කේත සවිස්තරව පහත දැක්වේ.

කාර්යය

කේතය(මූලික කේතය සමග අදාල කේතය ඇතුලත් කර ඇත)

විස්තරය
මූලික කේතය <FORM> </FORM> පෝරමයක් බව හඳුන්වයි
ටෙක්ස්ට් බොක්ස් <input type="text"
name="txt_name"
id="txt_name"
value=""
size="25"
maxlength="30"/>
  • 'name' මගින් යෙදෙන නම php සමග වැඩකරීමට අවශ්‍ය වේ.
  • 'id' භාවිතා වන්නේ Java Script, JQuerys සහ CSS සමඟ කටයුතු කිරීමේදී ය
  • 'value; මගින් ටෙක්ස්බොක්ස් එකට ටෙක්ස්ට් එකක් ඇතුලත් කර තැබීමට හැකිය.
  • 'size' මගින් ටෙක්ස්ට් බොක්ස් එකේ දිග ඇතුලත් කළ හැකිය
  • 'maxlength' මගින් ඇතුලත් කළ හැකි උපරිම අනුලක්ෂණ ප්‍රමාණය දක්වයි
ඩ්‍රොප් ඩවුන් ලිස්ට් <select name="ddl_city">
<option>select one....</option>
<option>KALUTHARA</option>
<option selected>
GALLE</option> <option>KANDY</option>
</select>
  • 'option' මගින් ඩ්‍රොප් ඩවුන් ලිස්ට් එක සඳහා ඔප්ෂන්ස් නිර්මාණය කළ හැකිය.
  • 'selected' යන්න <option selected > ලෙස ඔප්ෂන් ටැග් එක තුල යෙදුනු විට, පිටුව ලෝඩ් වන අවස්ථාවේදී ලිස්ට් එකෙහි පෙර නිමි තේරීම වන්නේ එම ඔප්ෂන් එකයි
ටෙක්ස්ට් ඒරියා <textarea
name="emp_eq"
id="emp_eq" cols="40"
rows="20">
VALUE
</textarea>
  • 'cols' මගින් ටෙක්ස්ට් ඒරියා එකේ පළළ නිරූපණය වේ.
  • 'rows' මගින් ටෙක්ස්ට් ඒරියා එකේ උස නිරූපණය වේ.
ඔප්ෂන් බට්න්ස් <input type="radio" name="emp_gen" id="emp_M" value="M" checked >Male</input>
  • 'value' මගින් දක්වන්නේ එම බට්න් එක සිලෙක්ට් කර ඇති අවස්ථාවේදී පෝස්ට් කරන අගය යි.
  • 'checked' මගින් පිටුව ලෝඩ් වන අවස්ථාවේදී බට්න් ගෘප් එකෙහි පෙර නිමි තේරීම වන්නේ එම බට්න් එකයි
  • 'name' බට්න්ස් එකම ගෘප් එකක් ලෙස ක්‍රියා කරවීම සඳහ name එකට එකම අගය දිය යුතුය.
  • 'id' මගින් බට්න් එකක් අනන්‍යව හඳුනාගනි යි.
චෙක් බොක්ස් <input type="checkbox" name="employee_it" id="employee_it" value="I">IT</input>
  • 'value' මගින් දක්වන්නේ එම බට්න් එක සිලෙක්ට් කර ඇති අවස්ථාවේදී පෝස්ට් කරන අගය යි.
  • 'checked' මගින් පිටුව ලෝඩ් වන අවස්ථාවේදී බට්න් ගෘප් එකෙහි පෙර නිමි තේරීම වන්නේ එම බට්න් එකයි

නමුත් පෝරම සමඟ වැඩ කිරීමේදී HTML පමණක් ප්‍රමාණවත් නොවන අතර Java Script, php වැනි වෙබ් පාදක පරිගණක භාෂාවන් පිළිබඳවද යම් දැනුමක් තිබිය යුතුය.

උදාහරණය බාගත කරගන්න

No comments:

Post a Comment