Skip to main content

HTML படிவங்களில் பொத்தான்களை சமர்ப்பிக்கவும் உருவாக்குதல்

Anonim

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

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

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

      உள்ளீடு டேக் படத்தை அதே விருப்பங்களை நிறைய கொடுக்கிறது

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

    • தி

      பொத்தானை குறிச்சொல் விட பொத்தானை மிகவும் பல்துறை வகை

      உள்ளீடு டேக். இந்த குறியை செயல்படுத்த Javacript தேவைப்படுகிறது.

    • தி

      சொல்படி உறுப்பு HTML5 இல் புதியது, அதனுடன் ஸ்கிரிப்டுகள் மற்றும் படிவங்களை தொடர்புடைய செயல்களுடன் செயல்படுத்த வழி வழங்குகிறது. இது JavaScript உடன் செயல்படுத்தப்படுகிறது.

INPUT அங்கம்

உள்ளீடு

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

பொத்தானை,

படத்தை, அல்லது

சமர்ப்பிக்க) மற்றும் தேவைப்பட்டால், சில ஸ்கிரிப்ட்டிங் படிவத்தைச் சமர்ப்பிக்கவும்.

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

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

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

மதிப்புகாரணம் காட்டுகிறார்கள். நீங்கள் இங்கு பயன்படுத்தாத வரை இந்த பொத்தானை படிவத்தை சமர்ப்பிக்க மாட்டேன்.

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

இது போன்றது

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

மூல = "submit.gif">

பட்டன் உறுப்பு

தி

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

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

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

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

கட்டளை உறுப்பு

தி

சொல்படிஉறுப்பு HTML5 உடன் புதியது. இது ஒரு தேவையில்லை

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

லேபிள்காரணம் காட்டுகிறார்கள்.

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

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

ஐகான்காரணம் காட்டுகிறார்கள்.

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

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

உள்ளீடுகுறிச்சொல் மற்றும்

பொத்தானைடேக். இந்த இரு கூறுகளையும் பயன்படுத்த நல்ல காரணங்கள் உள்ளன.

உள்ளீடு உறுப்பு

ஒரு படிவத்தை சமர்ப்பிக்க எளிய வழி டேக் ஆகும். இது குறிச்சொல்லுக்கு அப்பால் எதுவுமே தேவை இல்லை, ஒரு கூட இல்லை

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

உள்ளீடுகுறியைக் கிளிக் செய்தார்.

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

பயன்படுத்த

உள்ளீடுஉங்கள் படிவத்தை JavaScript இலிருந்து நிறுத்தப்பட்ட உலாவிகளில் கூட அணுக முடியும்.

BUTTON அங்கம்

தி

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

பொத்தானைஉறுப்பு மற்றும் ஒரு submit பொத்தானை மாற்ற. மிகவும் பொதுவாக மக்கள் படங்கள் மற்றும் உரை பயன்படுத்த. ஆனால் நீங்கள் ஒரு உருவாக்க முடியும்

DIV ஐ மற்றும் நீங்கள் விரும்பினால் முழு விஷயம் ஒரு submit பொத்தானை செய்ய.

மிகப்பெரிய குறைபாடு

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

உள்ளீடுமுறை. ஜாவாஸ்கிரிப்ட் இல்லாத எந்த பயனரும் ஒரு படிவத்தை மட்டுமே சமர்ப்பிக்க முடியாது

பொத்தானைஅதை சமர்ப்பிக்க உறுப்பு.

பயன்படுத்த

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