படிவங்கள் மீது HTML பொத்தான்கள் செய்தல்

படிவங்களை சமர்ப்பிக்க உள்ளீடு டேப்பைப் பயன்படுத்துதல்

HTML படிவங்கள் உங்கள் வலைத்தளத்திற்கு ஊடாடும் தன்மையை சேர்க்க மிகவும் அடிப்படை வழிகளில் ஒன்றாகும். உங்கள் வாசகர்களிடமிருந்து கேள்விகளை கேட்கவும், பதில்களை கேட்கவும், தரவுத்தளங்களில் இருந்து கூடுதல் தகவல்களை வழங்கவும், விளையாட்டுகள் அமைக்கவும் மற்றும் பலவற்றை வழங்கவும் முடியும். உங்கள் வடிவங்களை உருவாக்க நீங்கள் பயன்படுத்தக்கூடிய பல HTML உறுப்புகள் உள்ளன. உங்கள் படிவத்தை நீங்கள் உருவாக்கியவுடன், சேவையகத்திற்கு அந்த தரவை சமர்ப்பிக்க அல்லது பல்வேறு படிவங்கள் இயங்குவதற்கு பல வழிகள் உள்ளன.

இவை உங்கள் வடிவங்களை சமர்ப்பிக்க பல வழிகள்:

• • இது சேவையகத்திற்கான தரவைப் பெறுவதற்கான மிகவும் பொதுவான முறையாகும், ஆனால் இது மிகவும் சாதாரணமானதாக இருக்கும்.
• • ஒரு படத்தை பயன்படுத்தி உங்கள் தளத்தின் பாணி உங்கள் submit பொத்தானை பொருந்தும் செய்ய மிகவும் எளிதாக்குகிறது. ஆனால் சிலர் அதனை ஒரு submit பொத்தானை அடையாளம் காண மாட்டார்கள்.
• • பொத்தான் INPUT குறியானது INPUT டேக் போன்ற அதே விருப்பங்களை நிறைய வழங்குகிறது, ஆனால் தரநிலையான வகை வகையைப் போலவே இருக்கிறது. இது ஜாவாஸ்கிரிப்ட் செயல்படுத்த வேண்டும்.
• <பொத்தானை>
  • BUTTON டேக் INPUT டேக் விட பொத்தானை மிகவும் பலவகை வகை. இந்த குறியை செயல்படுத்த Javacript தேவைப்படுகிறது.
• <கட்டளை வகை = "கட்டளை">
  • COMMAND உறுப்பு HTML5 இல் புதியது, மேலும் ஸ்கிரிப்டுகள் மற்றும் படிவங்களை தொடர்புடைய நடவடிக்கைகளுடன் செயல்படுத்த வழி வழங்குகிறது. இது JavaScript உடன் செயல்படுத்தப்படுகிறது.

INPUT அங்கம்

INPUT உறுப்பு ஒரு படிவத்தை சமர்ப்பிக்க மிகவும் பொதுவான வழி, நீங்கள் செய்ய வேண்டிய அனைத்து வகையிலும் ஒரு வகை (பொத்தானை, படம், அல்லது சமர்ப்பிக்கவும்) தேவைப்பட்டால், தேவையான படிவத்தைச் சமர்ப்பிக்க சில ஸ்கிரிப்ட்டினைச் சேர்க்கவும்.

உறுப்பு அப்படி எழுதப்படலாம். ஆனால் நீங்கள் செய்தால், வேறுபட்ட உலாவிகளில் வெவ்வேறு முடிவுகளை நீங்கள் பெறுவீர்கள். பெரும்பாலான உலாவிகளில் "சமர்ப்பிக்கவும்" என்று ஒரு பொத்தானை உருவாக்கலாம், ஆனால் பயர்பாக்ஸ் பொத்தானை "வினவலை சமர்ப்பிக்கவும்" என்று கூறுகிறது. பொத்தான் சொல்வதை மாற்ற, நீங்கள் ஒரு கற்பிதத்தை சேர்க்க வேண்டும்:

மதிப்பு = "படிவத்தை சமர்ப்பிக்கவும்">

உறுப்பு இதுபோன்ற எழுத்தில் உள்ளது, ஆனால் நீங்கள் மற்ற எல்லா பண்புகளையும் விட்டு வெளியேறினால், உலாவிகளில் காண்பிக்கும் எல்லாமே வெற்று சாம்பல் பொத்தானாகும். பொத்தானை உரை சேர்க்க, மதிப்பு பண்பு பயன்படுத்த. நீங்கள் இங்கு பயன்படுத்தாத வரை இந்த பொத்தானை படிவத்தை சமர்ப்பிக்க மாட்டேன்.

onclick = "சமர்ப்பிக்க ();">

படிவத்தை சமர்ப்பிக்க ஸ்கிரிப்ட் தேவைப்படும் பொத்தானை வகைக்கு ஒத்திருக்கிறது. அதற்கு பதிலாக ஒரு உரை மதிப்பு, நீங்கள் ஒரு படத்தை மூல URL சேர்க்க வேண்டும்.

மூல = "submit.gif">

BUTTON அங்கம்

BUTTON உறுப்பு ஒரு திறப்பு குறிச்சொல் மற்றும் ஒரு இறுதி குறிச்சொல் இரண்டு தேவைப்படுகிறது நீங்கள் அதை பயன்படுத்த போது, ​​நீங்கள் குறியை உள்ளே அடைக்க எந்த உள்ளடக்கத்தை ஒரு பொத்தானை இணைக்கப்படும். நீங்கள் ஒரு ஸ்கிரிப்ட் மூலம் பொத்தானை செயல்படுத்த.

படிவம் சமர்ப்பிக்கவும்

உங்கள் பொத்தான்களில் படங்களை சேர்க்கலாம் அல்லது சுவாரஸ்யமான பொத்தானை உருவாக்க படங்கள் மற்றும் உரைகளை இணைக்கலாம்.

படிவம் சமர்ப்பிக்கவும்

COMMAND அங்கம்

COMMAND உறுப்பு HTML5 உடன் புதியது. இது ஒரு FORM தேவையாக இருக்க வேண்டிய அவசியமில்லை, ஆனால் அது ஒரு படிவத்திற்கு சமர்ப்பிக்க பொத்தானை செயல்பட முடியும். நீங்கள் உண்மையில் வடிவங்களைத் தேவைப்பட்டாலன்றி படிவங்களைப் பெறாமல் மேலும் ஊடாடும் பக்கங்களை உருவாக்க இந்த உறுப்பு உங்களை அனுமதிக்கிறது. ஏதேனும் சொல்ல வேண்டுமென்று கட்டளையிட விரும்பினால், நீங்கள் தகவலை ஒரு லேபிளை பண்புக்கூடத்தில் எழுதுங்கள்.

லேபிள் = "படிவத்தை சமர்ப்பிக்கவும்">

உங்கள் கட்டளையை ஒரு படத்தால் குறிக்க விரும்பினால், நீங்கள் ஐகான் பண்புக்கூறு பயன்படுத்த வேண்டும்.

ஐகான் = "submit.gif">

இந்த கட்டுரை HTML படிவங்கள் பயிற்சி பகுதியாகும் . HTML படிவங்களைப் பயன்படுத்துவது எப்படி என்பதை அறிய, முழு பயிற்சி மூலம் படிக்கவும்.

HTML பக்கங்களில் சமர்ப்பிக்க பல்வேறு வழிகள் உள்ளன, நீங்கள் முந்தைய பக்கத்தில் கற்றுக்கொண்டது போல். அந்த இரண்டு முறைகளும் INPUT டேக் மற்றும் BUTTON டேக் ஆகும். இந்த இரு கூறுகளையும் பயன்படுத்த நல்ல காரணங்கள் உள்ளன.

INPUT அங்கம்

ஒரு படிவத்தை சமர்ப்பிக்க எளிய வழி டேக் ஆகும். இது ஒரு மதிப்பை மட்டுமல்ல, குறிச்சொல்லுக்கு அப்பால் எதுவும் தேவைப்படுகிறது. ஒரு வாடிக்கையாளர் பொத்தானை கிளிக் செய்தால், அது தானாகவே சமர்ப்பிக்கப்படும். எந்த ஸ்கிரிப்ட்டையும் சேர்க்க தேவையில்லை, உலாவிகளில் சமர்ப்பிக்கப்படும் போது, ​​சமர்ப்பிக்க வேண்டிய INPUT குறிச்சொல்லை கிளிக் செய்க.

பிரச்சனை இந்த பொத்தானை மிகவும் அசிங்கமான மற்றும் வெற்று உள்ளது. அதை நீங்கள் படங்களை சேர்க்க முடியாது. நீங்கள் பாணி வேறு எந்த உறுப்பு போல, ஆனால் அது இன்னும் ஒரு அசிங்கமான பொத்தானை போல் உணர முடியும்.

JavaScript ஐ முடக்கியிருக்கும் உலாவிகளில் கூட உங்கள் படிவத்தை அடையும் போது INPUT முறையைப் பயன்படுத்தவும்.

BUTTON அங்கம்

BUTTON உறுப்பு படிவங்களை சமர்ப்பிப்பதற்கு அதிக விருப்பங்களை வழங்குகிறது. நீங்கள் ஒரு BUTTON உறுப்பு உள்ளே எதையும் வைத்து ஒரு சமர்ப்பிக்க பொத்தானை மாற்ற முடியும். மிகவும் பொதுவாக மக்கள் படங்கள் மற்றும் உரை பயன்படுத்த. ஆனால் நீங்கள் ஒரு DIV ஐ உருவாக்கி, நீங்கள் விரும்பியிருந்தால், அந்த முழு விஷயத்தையும் சமர்ப்பிக்கலாம்.

BUTTON உறுப்பு மிகப்பெரிய குறைபாடு அது தானாக வடிவம் சமர்ப்பிக்க முடியாது என்று. இது செயல்படுத்த செயல்படுத்த ஸ்கிரிப்ட் சில வகை இருக்க வேண்டும் என்று அர்த்தம். அதனால் INPUT முறையை விட குறைவாக அணுக முடியும். ஜாவாஸ்கிரிப்ட் இல்லாத எந்த பயனரும் அதை சமர்ப்பிக்க ஒரு BUTTON உறுப்பு மட்டும் ஒரு படிவத்தை சமர்ப்பிக்க முடியாது.

BUTTON முறையைப் போலவே இல்லாத வடிவங்களில் பயன்படுத்தவும். மேலும், இது ஒரு வடிவத்தில் கூடுதல் சமர்ப்பிப்பு விருப்பங்களை சேர்க்க ஒரு சிறந்த வழியாகும்.

இந்த கட்டுரை HTML படிவங்கள் பயிற்சி பகுதியாகும். HTML படிவங்களைப் பயன்படுத்துவது எப்படி என்பதைப் பற்றி மேலும் அறிய இதைப் படியுங்கள்