Web Programmin L5_٠٨١٧٢١

ﻧﻤﻮذج HTML 2 أﻧﻮاع ﻋﻨﺎﺻﺮ اﻟﺘﺤﻜﻢ ﻓﻲ اﻟﻨﻤﻮذج: ﻫﻨﺎك أﻧﻮاع ﻣﺨﺘᇁﻔﺔ ﻣﻦ ﻋﻨﺎﺻﺮ اᆿﺘﺤﻜﻢ ﻓﻲ اᆿﻨﻤﺎذج اᆿﺘﻲ ﻳﻤﻜﻨﻚ اﺳﺘﺨﺪاﻣﻬﺎ ᆿﺠﻤﻊ اᆿﺒﻴﺎﻧﺎت ﺑﺎﺳﺘﺨﺪام ﻧﻤﻮذج HTML : • ﻋﻨﺎﺻﺮ اᆿﺘﺤﻜﻢ ﻓﻲ إدﺧﺎل اᆿﻨﺺ • ﻋﻨﺎﺻﺮ اᆿﺘﺤﻜﻢ ﻓﻲ ﻣﺮﺑﻌﺎت اﻻﺧﺘﻴﺎر • ﻋﻨﺎﺻﺮ اᆿﺘﺤﻜﻢ ﻓﻲ أزرار اﻻﺧﺘﻴﺎر • ﻋﻨﺎﺻﺮ اᆿﺘﺤﻜﻢ ﻓﻲ ﻣﺮﺑﻊ اᆿﺘﺤﺪﻳﺪ • اﻷزرار اᆿﻘﺎﺑᇁﺔ ᆿᇁﻨﻘﺮ • زر اﻹرﺳﺎل وإﻋﺎدة اᆿﺘﻌﻴﻴﻦ 3 ﻋﻨﺎﺻﺮ اﻟﺘﺤﻜﻢ ﻓﻲ إدﺧﺎل اﻟﻨﺺ: ﻫﻨﺎك ﺛﻼﺛﺔ أﻧﻮاع ﻣﻦ إدﺧﺎل اﻟﻨﺺ اﻟﻤﺴﺘﺨﺪﻣﺔ ﻓﻲ اﻟﻨﻤﺎذج: •ﻋﻨﺎﺻﺮ ﺗﺤﻜﻢ إدﺧﺎل اﻟﻨﺺ أﺣﺎدﻳﺔ اﻟﺴﻄﺮ -ﻳُﺴﺘﺨﺪم ﻫﺬا اﻟﻌﻨﺼﺮ اﻟﺘﺤﻜﻤﻲ ﻟﻠﻌﻨﺎﺻﺮ اﻟﺘﻲ ﺗﺘﻄﻠﺐ ﺳﻄﺮًا واﺣﺪًا ﻓﻘﻂ ﻣﻦ إدﺧﺎل اﻟﻤﺴﺘﺨﺪم، ﻣﺜﻞ ﻣﺮﺑﻌﺎت اﻟﺒﺤﺚ أو اﻷﺳﻤﺎء. •ﻋﻨﺎﺻﺮ ﺗﺤﻜﻢ إدﺧﺎل ﻛﻠﻤﺔ اﻟﻤﺮور -ﻫﺬا أﻳﻀًﺎ إدﺧﺎل ﻧﺺ أﺣﺎدي اﻟﺴﻄﺮ وﻟﻜﻨﻪ ﻳﺨﻔﻲ اﻟﺤﺮف ﺑﻤﺠﺮد إدﺧﺎﻟﻪ ﻣﻦ ﻗﺒﻞ اﻟﻤﺴﺘﺨﺪم. •ﻋﻨﺎﺻﺮ ﺗﺤﻜﻢ إدﺧﺎل اﻟﻨﺺ ﻣﺘﻌﺪدة اﻷﺳﻄﺮ -ﻳُﺴﺘﺨﺪم ﻫﺬا ﻋﻨﺪﻣﺎ ﻳُﻄﻠﺐ ﻣﻦ اﻟﻤﺴﺘﺨﺪم ﺗﻘﺪﻳﻢ ﺗﻔﺎﺻﻴﻞ ﻗﺪ ﺗﻜﻮن أﻃﻮل ﻣﻦ ﺟﻤﻠﺔ واﺣﺪة. • 4 ﻋﻨﺎﺻﺮ ﺗﺤﻜﻢ إدﺧﺎل اﻟﻨﺺ أﺣﺎدﻳﺔ اﻟﺴﻄﺮ ﻣﺜﺎل: >ﻧﻤﻮذج< اﻻﺳﻢ اﻷول: >إدﺧﺎﻟﻨﻮع="ﻧﺺ"اﺳﻢ="اﻻﺳﻢ_اﻷول"/< >ﻓﺎﺻﻞ< اﻻﺳﻢ اﻷﺧﻴﺮ: >إدﺧﺎﻟﻨﻮع="ﻧﺺ"اﺳﻢ="اﻻﺳﻢ_اﻷﺧﻴﺮ"/< > /ﻧﻤﻮذج< 5 اﻟﺴﻤﺎت •ﻓﻴﻤﺎ ﻳᇁﻲ ﻗﺎﺋﻤﺔ اᆿﺴﻤﺎت ᆿﻌﻼﻣﺔ >input < ﻹﻧﺸﺎء ﺣﻘﻞ ﻧﺺዔ اﻟﺴﻤﺔ اﻟﻮﺻﻒ اﻟﻨﻮع ﺗﺸﻴﺮ إﱃ ﻧﻮع ﻋﻨﺼﺮ اﻟﺘﺤﻜﻢ ﻓﻲ اﻹدﺧﺎل، وﺑﺎﻟﻨﺴﺒﺔ ﻟﻌﻨﺼﺮ اﻟﺘﺤﻜﻢ ﻓﻲ إدﺧﺎل اﻟﻨﺺ ﺳﻴﺘﻢ ﺗﻌﻴﻴﻨﻬﺎ ﻋﲆ ﻧﺺ. اﻻﺳﻢ ﺗُﺴﺘﺨﺪم ﻹﻋﻄﺎء اﺳﻢ ﻟﻌﻨﺼﺮ اﻟﺘﺤﻜﻢ اﻟﺬي ﻳُﺮﺳﻞ إﱃ اﻟﺨﺎدم ﻟﻴﺘﻢ اﻟﺘﻌﺮف ﻋﻠﻴﻪ واﻟﺤﺼﻮل ﻋﲆ اﻟﻘﻴﻤﺔ. اﻟﻘﻴﻤﺔ ﻳﻤﻜﻦ اﺳﺘﺨﺪام ﻫﺬا ﻟﺘﻮﻓﻴﺮ ﻗﻴﻤﺔ أوﻟﻴﺔ داﺧﻞ ﻋﻨﺼﺮ اﻟﺘﺤﻜﻢ. /> 6 ﻋﻨﺎﺻﺮ ﺗﺤﻜﻢ إدﺧﺎل ﻛﻠﻤﺔ اﻟﻤﺮور •ﻣﺜﺎل >ﻧﻤﻮذج< ﻣﻌﺮف اﻟﻤﺴﺘﺨﺪم : >إدﺧﺎل ﻛﻠﻤﺔ اﻟﻤﺮور: >إدﺧﺎل ﻧﻮع="ﻧﺺ" ﻧﻮع="ﻛﻠﻤﺔ اﻟﻤﺮور"اﻻﺳﻢ="ﻛﻠﻤﺔ اﻟﻤﺮور" اﻻﺳﻢ= ᱾userᲞid᱾ /> > /ﻧﻤﻮذج< 7 ﻋﻨﺎﺻﺮ ﺗﺤﻜﻢ إدﺧﺎل اﻟﻨﺺ ﻣﺘﻌﺪد اﻷﺳﻄﺮ •ﻳُﺴﺘﺨﺪم ﻫﺬا ﻋﻨﺪﻣﺎ ﻳُﻄᇁﺐ ﻣﻦ اᆿﻤﺴﺘﺨﺪم ﺗﻘﺪﻳﻢ ﺗﻔﺎﺻﻴﻞ ﻗﺪ ﺗﻜﻮن أﻃﻮل ﻣﻦ ﺟﻤᇁﺔ واﺣﺪةዔ •ﻳﺘﻢ إﻧﺸﺎء ﻋﻨﺎﺻﺮ اᆿﺘﺤﻜﻢ ﻓﻲ اﻹدﺧﺎل ﻣﺘﻌﺪد اﻷﺳﻄﺮ ﺑﺎﺳﺘﺨﺪام وﺳﻢ HTML . •ﻣﺜﺎل > form < اᆿﻮﺻﻒ : > textarea rowsᲗ᱾᲏᱾colsᲗ᱾᲏ᲊ᱾nameᲗ᱾description᱾ < أدﺧﻞ اᆿﻮﺻﻒ ﻫﻨﺎዔዔዔ 8 اﻟﺘﺤﻜﻢ ﻓﻲ ﻣﺮﺑﻊ اﻻﺧﺘﻴﺎر •ﺗُﺴﺘﺨﺪم ﻣﺮﺑﻌﺎت اﻻﺧﺘﻴﺎر ﻋﻨﺪﻣﺎ ﻳᇁﺰم ﺗﺤﺪﻳﺪ أﻛﺜﺮ ﻣﻦ ﺧﻴﺎر واﺣﺪዔ ﻳﺘﻢ إﻧﺸﺎؤﻫﺎ أﻳﻀًﺎ ﺑﺎﺳﺘﺨﺪام ﻋﻼﻣﺔ HTML Ზinput < وᆿﻜﻦ ﻳﺘﻢ ﺗﻌﻴﻴﻦ ﺳﻤﺔ اᆿﻨﻮع إﱃ checkbox . •ﻣﺜﺎل إᆿﻴﻚ ﻣﺜﺎل ﻋﲆ ﻛﻮد HTML ᆿﻨﻤﻮذج ﻳﺤﺘﻮي ﻋﲆ ﻣﺮﺑﻌﻲ اﺧﺘﻴﺎر࿎ >ﻧﻤﻮذج< >إدﺧﺎᆿﻨﻮع= ᱾checkbox᱾اﺳﻢ= ᱾maths᱾ﻗﻴﻤﺔ= ᱾on᱾ <رﻳﺎﺿﻴﺎت >إدﺧﺎᆿﻨﻮع= ᱾checkbox᱾اﺳﻢ= ᱾physics᱾ﻗﻴﻤﺔ= ᱾on᱾ <ﻓﻴﺰﻳﺎء >/ﻧﻤﻮذج< 9 ﻋﻨﺼﺮ ﺗﺤﻜﻢ زر اﻻﺧﺘﻴﺎر •ﺗُﺴﺘﺨﺪم أزرار اﻻﺧﺘﻴﺎر ﻋﻨﺪﻣﺎ ﻳﻜﻮن ﻣﻄᇁﻮﺑًﺎ ﺗﺤﺪﻳﺪ ﺧﻴﺎر واﺣﺪ ﻓﻘﻂ ﻣﻦ ﺑﻴﻦ اᆿﻌﺪﻳﺪ ﻣﻦ اᆿﺨﻴﺎراتዔ •ﻳﺘﻢ إﻧﺸﺎؤﻫﺎ أﻳﻀًﺎ ﺑﺎﺳﺘﺨﺪام ﻋﻼﻣﺔ HTML Ზinput < وᆿﻜﻦ ﻳﺘﻢ ﺗﻌﻴﻴﻦ ﺳﻤﺔ اᆿﻨﻮع إﱃ رادﻳﻮዔ •ﻣﺜﺎل࿎ إᆿﻴﻚ ﻣﺜﺎل ᆿﺮﻣﺰ HTML ᆿﻨﻤﻮذج ﻳﺤﺘﻮي ﻋﲆ زرﻳﻦ اﺧﺘﻴﺎر࿎ >ﻧﻤﻮذج< >إدﺧﺎﻟﻨﻮع="رادﻳﻮ"اﺳﻢ="ﻣﻮﺿﻮع" ﻗﻴﻤﺔ="رﻳﺎﺿﻴﺎت"<رﻳﺎﺿﻴﺎت >إدﺧﺎﻟﻨﻮع="رادﻳﻮ"اﺳﻢ="ﻣﻮﺿﻮع" ﻗﻴﻤﺔ="ﻓﻴﺰﻳﺎء"<ﻓﻴﺰﻳﺎء > /ﻧﻤﻮذج< 10 ﻋﻨﺎﺻﺮ ﺗﺤﻜﻢ ﻣﺮﺑﻊ اﻟﺘﺤﺪﻳﺪ • ﻋﻨﺼﺮ >select < ﻳُﺴﺘﺨﺪم ﻹﻧﺸﺎء ﻗﺎﺋﻤﺔ ﻣﻨﺴﺪᆿﺔዔ ﻋﻼﻣﺎت >option < داﺧﻞ ﻋﻨﺼﺮ >select < ﺗُﺤﺪد اᆿﺨﻴﺎرات اᆿﻤﺘﺎﺣﺔ ﻓﻲ اᆿﻘﺎﺋﻤﺔዔ • ﻣﺜﺎل إᆿﻴﻚ ﻣﺜﺎل ﻋﲆ ﻛﻮد HTML ﻹﻧﺸﺎء ﻗﺎﺋﻤﺔ ﻣﻨﺴﺪᆿﺔ ﺑﺄرﺑﻌﺔ ﺧﻴﺎرات࿎ >ﺗﺤﺪﻳﺪ< >ﺧﻴﺎر >ﺧﻴﺎر >ﺧﻴﺎر >ﺧﻴﺎر ﻗﻴﻤﺔ= ᱾volvo᱾ <ﻓﻮᆿﻔﻮ>/ﺧﻴﺎر< ﻗﻴﻤﺔ= ᱾saab᱾ <ﺳﺎب>/ﺧﻴﺎر< ﻗﻴﻤﺔ= ᱾mercedes᱾ <ﻣﺮﺳﻴﺪس>/ﺧﻴﺎر< ﻗﻴﻤﺔ= ᱾audi᱾ <أودي>/ﺧﻴﺎر< > /ﺗﺤﺪﻳﺪ<