Пішіндерді жіберу үшін енгізу тегін пайдалану
HTML пішіндері - сіздің веб-сайтыңызға интерактивтілікті қосудың ең негізгі жолдарының бірі. Сұрақтар қоюға және оқырмандарыңыздан жауап сұрауға, мәліметтер базасынан қосымша ақпараттар беруге, ойындар жасауға және тағы басқаларға жауап беруге болады. Пішіндеріңізді құруға арналған бірнеше HTML элементтері бар. Пішініңізді жасағаннан кейін серверге деректерді жіберудің әртүрлі жолдары бар немесе жай әрекетті іске қосыңыз.
Бұл пішіндерді жіберуге бірнеше тәсілдер:
-
- Бұл серверге деректерді алудың ең кең таралған әдісі, бірақ ол өте қарапайым болуы мүмкін.
-
- Кескінді пайдалану сіздің сайтыңыздың мәнеріне сай жіберу түймешігін оңайырақ етеді. Бірақ кейбір адамдар оны жіберу түймешігі ретінде танымауы мүмкін.
-
- INPUT тетігі INPUT кескіні сияқты көптеген параметрлерді береді, бірақ стандартты жіберу түріне ұқсайды. Ол белсендіру үшін JavaScript қажет.
- <түймешігі>
- BUTTON тегі INPUT тегіне қарағанда көпірек түрдегі түйме болып табылады. Бұл тег Javacript қызметін белсендіруді талап етеді.
- <команда түрі = «пәрмен»>
- COMMAND элементі HTML5 ішіндегі жаңа болып табылады және байланысты әрекеттермен сценарийлер мен пішіндерді белсендіру жолын ұсынады. Ол JavaScript арқылы іске қосылады.
INPUT элементі
INPUT элементі пішінді берудің ең көп тараған әдісі болып табылады, сіз жасаған барлық әрекеттер түрі (батырма, сурет немесе жіберу) және керек болса, пішін әрекетін жіберу үшін кейбір сценарийді қосыңыз.
элементін дәл осылай жазуға болады. Бірақ егер жасасаңыз, әртүрлі браузерлерде әртүрлі нәтижелерге жетесіз. Көптеген браузерлер «Жіберу» деген батырманы жасайды, бірақ Firefox «Сұрау жіберу» деген батырманы жасайды. Түймеде айтылғандарды өзгерту үшін атрибут қосыңыз:
value = «Пішінді жіберу»>
Элемент сол сияқты жазылады, бірақ егер сіз барлық басқа атрибуттарды қалдырсаңыз, браузерлерде көрсетілетін барлық бос сұр түйме болып табылады. Түймені мәтін қосу үшін мән төлсипатын пайдаланыңыз. Бірақ бұл батырма JavaScript пішімін пайдаланбағанша жібермейді.
onclick = «submit ();»>
Пішінді жіберу үшін сценарийді қажет ететін түйме түріне ұқсас. Тек мәтіндік мәннің орнына, кескін көзінің URL мекенжайын қосу керек.
src = «submission.gif»>
BUTTON элементі
BUTTON элементі ашылу тегі мен жабу тегі үшін қажет, оны пайдаланған кезде, тегтің ішіндегі кез-келген мазмұн түйменіге қосылады. Содан кейін батырманы сценариймен іске қосасыз.
Пішінді жіберіңіз
Сіз суреттеріңізді өзіңіздің батырмаңызға қосуға немесе қызықты түймешікті жасау үшін суреттерді және мәтінді біріктіруге болады.
Пішінді жіберіңіз
COMMAND элементі
COMMAND элементі HTML5-мен жаңа. Ол форма пайдаланылуын талап етпейді, бірақ ол форма үшін жіберу түймешігі ретінде әрекет етуі мүмкін. Бұл элемент пішіндерді қажет етпейінше көбірек интерактивті беттерді жасауға мүмкіндік береді. Егер сіз пәрменді бір нәрсе айтуды қаласаңыз, сіз ақпарат атрибутында жазасыз.
label = «Пішінді жіберу»>
Егер сіздің командаңыз суретпен ұсынылуын қаласаңыз, сіз белгішенің атрибутын пайдаланасыз.
icon = «submission.gif»>
Бұл мақала HTML Forms Tutorial бөлігі болып табылады . HTML пішімдерін пайдалану әдісін үйрену үшін толық оқу құралы арқылы оқып шығыңыз.
HTML бланкілерінде алдыңғы бетке үйреніп келе жатқаныңыздай, бірнеше түрлі әдістер бар. Бұл әдістердің екеуі - INPUT тегі және BUTTON тегі. Осы элементтердің екеуін де пайдалануға негіз бар.
INPUT элементі
Тег - пішінді берудің ең оңай жолы. Ол тегтің өзі емес, құндылығы да қажет емес. Тұтынушы түймешікті басқанда, ол автоматты түрде жіберіледі. Сценарийлерді қосудың қажеті жоқ, INPUT тегі таңдалғанда, браузерлер пішінді жіберуді біледі.
Мәселе мынада, бұл түйме өте нәзік және қарапайым. Оған суреттерді қосуға болмайды. Сіз оны кез-келген басқа элемент сияқты өңдей аласыз, бірақ ол әлі де нәзік түймені сезінуі мүмкін.
Пішін JavaScript өшірілген браузерлерде тіпті қол жетімді болуы керек болғанда INPUT әдісін пайдаланыңыз.
BUTTON элементі
BUTTON элементі пішіндерді жіберудің қосымша параметрлерін ұсынады. BUTTON элементінің ішіне ештеңені қоюға және оны жіберу түймешігіне айналдыруға болады. Көбінесе адамдар сурет пен мәтінді пайдаланады. Бірақ сіз DIV жасай аласыз және егер сіз қаласаңыз, бұл барлық нәрсе жіберу түймешігі.
BUTTON элементіне ең үлкен жетіспеушілік - ол автоматты түрде пішінді жібермейді. Бұл оны белсендіру үшін сценарийдің кейбір түрі болуы керек дегенді білдіреді. Және де ол INPUT әдісіне қарағанда қол жетімді. JavaScript қосылмаған кез-келген пайдаланушы оны жіберу үшін тек BUTTON элементімен пішін жібере алмайды.
BUTTON әдісін сыни емес пішіндерде пайдаланыңыз. Сондай-ақ, бұл бір пішінде қосымша жіберу параметрлерін қосудың тамаша тәсілі.
Бұл мақала HTML Forms Tutorial бөлігі болып табылады. HTML пішімдерін пайдалану туралы қосымша ақпарат алу үшін оны оқыңыз