Paano Magagamit na Pinakamahusay na Mga Katangian ng Advanced na HTML Form?



Ipakilala ka ng artikulong ito sa ilan sa mga Advanced na Katangian ng Form ng HTML at sa proseso ay magbibigay din ng isang praktikal na pagpapakita.

malinaw naman na ang unang bagay na nasa isip pagkatapos ng pakikinig sa term na www. Talaga, ito ang bagay sa likod ng bawat website na binibisita mo ngayon. Sa artikulong ito susuriin namin ang ilang mga Advanced na Katangian ng Form ng HTML.

Saklaw ang artikulong ito sa artikulong ito,





Kaya't magsimula tayo sa artikulong ito,

Mga Katangian ng Advanced na Form ng HTML

Ang HTML lamang ay hindi makakagawa ng hustisya sa ilan sa mga pinakamamahal na disenyo na nakikita natin ngayon. Nangangailangan ito ng tulong at iyon ay ibinigay ng CSS o Cascading Style sheet . Maaaring magamit nang magkasama ang HTML & CSS upang lumikha ng ilang mga kaakit-akit na web page.



Nagpapatuloy sa artikulong ito sa Mga Advanced na Katangian ng Form ng HTML

Mga Tag at Katangian sa HTML

Parehas na ito ang mga pangunahing kaalaman sa HTML at pareho silang nagtutulungan ngunit gumaganap ng iba't ibang mga pag-andar.

Mga tag: Ginagamit ang mga tag upang markahan ang pagsisimula ng elemento ng HTML at isinasara ng mga angular bracket.



Halimbawa:

pagkakaiba ng java sa pagitan ng hashmap at hashtable

Ang tag sa itaas ay ang heading ng heading sa HTML.

Mga Katangian: Ito ang karagdagang impormasyon tungkol sa mga tag at tinukoy sa loob ng tag.



Halimbawa:

 ”My

Ang tag sa itaas ay tag ng imahe at alt ang katangian para sa tag at nagbibigay ng paglalarawan para sa imaheng hello_world.jpg

Tulad ng tinalakay namin ang mga pangunahing kaalaman na kailangan namin, sa gayon ngayon maaari kaming lumipat nang higit pa sa motibo ng artikulong ito na ilang mga advanced na HTML at CSS tag.

Nagpapatuloy sa artikulong ito sa Mga Advanced na Katangian ng Form ng HTML

Max, Maxlength at Min na Mga Katangian

Kapansin-pansin ang mga ito ang mga katangian ng input tag ibig sabihin. Karaniwang ginagamit ang input tag sa loob ng tag upang tanggapin ang iba't ibang mga uri ng mga input mula sa gumagamit tulad ng teksto, numero, radio button, mga petsa, checkbox, oras, password atbp.

Max

Tinutukoy ng katangiang ito ang maximum na halaga para sa anumang tinukoy na input. Kung susubukan ng gumagamit na maglagay ng higit sa max na halaga, hindi nito tatanggapin ang mga character o halaga pagkatapos.

Tandaan:

Ang Max na katangian ay ipinakilala sa HTML 5.

Halimbawa:

Bilang ng mga mag-aaral:

Link ng GitHub Gist:

Ang halaga ng mga mag-aaral ay hindi maaaring tumaas nang higit sa 50.

Output - Mga Advanced na Katangian ng Form ng HTML - Edureka

Tandaan: Ang pagkilos ng katangian ng tag ay tumutukoy kung saan ipapadala ang ipinasok na data para sa karagdagang proseso. Sa kasong ito ito ay isumite_detail.php na isang file na PHP.

Bilang ng mga mag-aaral ang detalye na ilalagay sa textbox.

Ang katangiang max sa unang tag ay nagsasaad ng maximum na numerong halaga na maaaring mailagay sa textbox, na ang mga halagang higit sa 50 ay hindi tatanggapin na kung saan ay ang pangunahing motibo ng max na katangian.

Maaari ring magamit ang max tag upang tukuyin ang maximum na petsa na maaaring mailagay sa input field ng gumagamit.

Halimbawa:

Ipasok ang petsa ng kapanganakan sa iyo sa format na YYYY-MM-DD: 
Max DOB: 2000-03-31

Link ng GitHub Gist:

Gumamit kami ng 31stMarso ng 2000 bilang ang maximum na petsa at ang pagpipilian ay kalendaryo ay pinaghihigpitan hanggang sa petsa lamang.

Sa patlang ng pag-input na ito ang gumagamit ay hindi magagawang ipasok ang petsa na pagkatapos ng tinukoy na petsa sa max na katangian.

Nagpapatuloy sa artikulong ito sa Mga Advanced na Katangian ng Form ng HTML

Maxlength

Tulad ng iminumungkahi ng pangalan, tinutukoy ng katangiang ito ang maximum na haba ng mga character na maaaring mailagay sa isang input field ng gumagamit. Ang mga halaga ng katangian ay mga numero.

Halimbawa:

Ipasok ang iyong username:

Link ng GitHub Gist:

Ang limitasyon ng patlang ng pag-input ay 15 mga character, kaya ang input ay pinaghihigpitan lamang sa 15 mga character.

Ang katangiang maxlength na ito sa tag ay pipigilan ang gumagamit upang magbigay ng isang input na mahigpit na hindi hihigit sa tinukoy na halaga na 15.

Tandaan Ang default na halaga ng katangiang maxlength ay 524288.

Nagpapatuloy sa artikulong ito sa Mga Advanced na Katangian ng Form ng HTML

Min

Tinutukoy ng katangiang min ang minimum na halaga para sa halagang mailalagay sa input field.

Halimbawa:

Ipasok ang edad:

Link ng GitHub Gist:

Tinutukoy ng katangiang min sa input tag na ang edad ng pag-input ay hindi dapat mas mababa sa 18.

Tip: Maaari mong gamitin ang parehong min at max na katangian na may isang input upang maibigay ang input ng isang ligal na saklaw o katanggap-tanggap na saklaw.

Halimbawa:

Ipasok ang edad:

Link ng GitHub Gist:

Sa pamamagitan nito napunta kami sa dulo ng artikulong ito sa Mga Advanced na Katangian ng Form ng HTML.

Ngayon ang saklaw ng input sa patlang ay hindi maaaring mas mababa sa 18 pati na rin mas malaki sa 50 sa parehong oras.Maaaring magamit ang mga katangiang max at min na may maraming mga uri ng pag-input tulad ng bilang, saklaw, petsa, datime, datime -local, buwan, oras at linggo.

Ngayong alam mo na kung ano ang HTML, tingnan ang ni Edureka. Tutulungan ka ng Pagsasanay sa Pagpapatunay sa Pag-unlad ng Web na Alamin kung paano lumikha ng mga kahanga-hangang website gamit ang HTML5, CSS3, Twitter Bootstrap 3, jQuery at Google API at i-deploy ito sa Amazon Simple Storage Service (S3).

May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng artikulo at babalikan ka namin.