ரியாக்ட்டின் experimental_useFormStatus hook-ஐப் பயன்படுத்தி நெறிப்படுத்தப்பட்ட படிவ நிலை மேலாண்மையைக் கண்டறியுங்கள். நிஜ உலக உதாரணங்களுடன் அதன் செயலாக்கம், நன்மைகள் மற்றும் மேம்பட்ட பயன்பாட்டைக் கற்றுக்கொள்ளுங்கள்.
ரியாக்ட் experimental_useFormStatus செயலாக்கம்: மேம்படுத்தப்பட்ட படிவ நிலை மேலாண்மை
ரியாக்ட்டின் வளர்ந்து வரும் சூழல், டெவலப்பர் அனுபவத்தையும் பயன்பாட்டு செயல்திறனையும் மேம்படுத்துவதற்கான கருவிகளையும் நுட்பங்களையும் தொடர்ந்து அறிமுகப்படுத்துகிறது. அத்தகைய ஒரு பரிசோதனை அம்சம் experimental_useFormStatus hook ஆகும், இது படிவ நிலை மேலாண்மையை எளிதாக்க வடிவமைக்கப்பட்டுள்ளது, குறிப்பாக சர்வர் ஆக்சன்கள் மற்றும் படிப்படியான மேம்பாட்டு சூழ்நிலைகளில். இந்த விரிவான வழிகாட்டி experimental_useFormStatus hook-ஐ விரிவாக ஆராய்ந்து, அதன் பயனுள்ள பயன்பாட்டிற்கான நடைமுறை உதாரணங்களையும் நுண்ணறிவுகளையும் வழங்கும்.
experimental_useFormStatus என்றால் என்ன?
experimental_useFormStatus hook என்பது ரியாக்ட் குழுவால் அறிமுகப்படுத்தப்பட்ட ஒரு பரிசோதனை API ஆகும், இது ஒரு படிவம் சமர்ப்பிப்பின் நிலையை எளிமையான முறையில் கண்காணிக்க உதவுகிறது, குறிப்பாக சர்வர் ஆக்சன்களைப் பயன்படுத்தும்போது. இந்த hook-க்கு முன்பு, ஒரு படிவத்தின் வெவ்வேறு நிலைகளை (செயலற்ற, சமர்ப்பிக்கப்படுகிறது, வெற்றி, பிழை) நிர்வகிப்பதற்கு பெரும்பாலும் சிக்கலான நிலை மேலாண்மை தர்க்கம் தேவைப்பட்டது. experimental_useFormStatus இந்த சிக்கலின் பெரும்பகுதியை அகற்றி, படிவம் சமர்ப்பிப்பு நிலைகளைக் கண்காணிப்பதற்கும் அதற்கு ಪ್ರತிக்ரியையாற்றுவதற்கும் ஒரு எளிய மற்றும் திறமையான வழியை வழங்குகிறது.
முக்கிய நன்மைகள்:
- எளிதாக்கப்பட்ட நிலை மேலாண்மை: படிவம் சமர்ப்பிப்பு நிலைகளை நிர்வகிக்கத் தேவையான boilerplate குறியீட்டைக் குறைக்கிறது.
- மேம்படுத்தப்பட்ட பயனர் அனுபவம்: படிவத்தின் நிலையின் அடிப்படையில் மிகவும் பதிலளிக்கக்கூடிய UI புதுப்பிப்புகளை செயல்படுத்துகிறது.
- மேம்படுத்தப்பட்ட குறியீடு வாசிப்புத்திறன்: படிவம் தொடர்பான குறியீட்டைப் புரிந்துகொள்வதற்கும் பராமரிப்பதற்கும் எளிதாக்குகிறது.
- சர்வர் ஆக்சன்களுடன் தடையற்ற ஒருங்கிணைப்பு: குறிப்பாக ரியாக்ட் சர்வர் கூறுகள் மற்றும் சர்வர் ஆக்சன்களுடன் சிறப்பாகச் செயல்பட வடிவமைக்கப்பட்டுள்ளது.
அடிப்படை செயலாக்கம்
experimental_useFormStatus இன் அடிப்படை செயலாக்கத்தை விளக்க, ஒரு எளிய தொடர்பு படிவ உதாரணத்தைக் கருத்தில் கொள்வோம். இந்தப் படிவம் ஒரு பயனரின் பெயர், மின்னஞ்சல் மற்றும் செய்தியைச் சேகரித்து, பின்னர் அதை ஒரு சர்வர் ஆக்சனைப் பயன்படுத்தி சமர்ப்பிக்கும்.
முன் தேவைகள்
குறியீட்டிற்குள் செல்வதற்கு முன், உங்களிடம் பின்வருவனவற்றுடன் ஒரு ரியாக்ட் திட்டம் அமைக்கப்பட்டுள்ளதா என்பதை உறுதிப்படுத்தவும்:
- பரிசோதனை API-களை ஆதரிக்கும் ரியாக்ட் பதிப்பு (தேவையான பதிப்பிற்கு ரியாக்ட்டின் ஆவணங்களைப் பார்க்கவும்).
- ரியாக்ட் சர்வர் கூறுகள் இயக்கப்பட்டிருக்க வேண்டும் (பொதுவாக Next.js அல்லது Remix போன்ற கட்டமைப்புகளில் பயன்படுத்தப்படுகிறது).
உதாரணம்: ஒரு எளிய தொடர்பு படிவம்
இதோ ஒரு அடிப்படை தொடர்பு படிவ கூறு:
```jsx // app/actions.js (Server Action) 'use server' export async function submitContactForm(formData) { // Simulate a database call or API request await new Promise(resolve => setTimeout(resolve, 2000)); const name = formData.get('name'); const email = formData.get('email'); const message = formData.get('message'); if (!name || !email || !message) { return { success: false, message: 'All fields are required.' }; } try { // Replace with actual API call or database operation console.log('Form submitted:', { name, email, message }); return { success: true, message: 'Form submitted successfully!' }; } catch (error) { console.error('Error submitting form:', error); return { success: false, message: 'Failed to submit form.' }; } } // app/components/ContactForm.jsx (Client Component) 'use client' import { experimental_useFormStatus as useFormStatus } from 'react' import { submitContactForm } from '../actions' function SubmitButton() { const { pending } = useFormStatus() return ( ) } export default function ContactForm() { return ( ); } ```விளக்கம்
- சர்வர் ஆக்சன் (
app/actions.js): இந்த கோப்புsubmitContactFormசெயல்பாட்டை வரையறுக்கிறது, இது ஒரு சர்வர் ஆக்சன் ஆகும். படிவம் சமர்ப்பிப்பின் ஒத்திசைவற்ற தன்மையை நிரூபிக்க, இது 2 வினாடி தாமதத்துடன் ஒரு API கோரிக்கையை உருவகப்படுத்துகிறது. இது அடிப்படை சரிபார்ப்பு மற்றும் பிழை கையாளுதலையும் கையாள்கிறது. - கிளையன்ட் கூறு (
app/components/ContactForm.jsx): இந்த கோப்புContactFormகூறுகளை வரையறுக்கிறது, இது ஒரு கிளையன்ட் கூறு ஆகும். இதுexperimental_useFormStatushook மற்றும்submitContactFormஆக்சனை இறக்குமதி செய்கிறது. useFormStatusபயன்பாடு:SubmitButtonகூறுக்குள்,useFormStatusஅழைக்கப்படுகிறது. இந்த hook படிவத்தின் சமர்ப்பிப்பு நிலை குறித்த தகவலை வழங்குகிறது.pendingபண்பு:useFormStatusமூலம் வழங்கப்படும்pendingபண்பு, படிவம் தற்போது சமர்ப்பிக்கப்படுகிறதா என்பதைக் குறிக்கிறது. இது சமர்ப்பிப்பு பொத்தானை முடக்கவும் "சமர்ப்பிக்கப்படுகிறது..." என்ற செய்தியைக் காட்டவும் பயன்படுகிறது.- படிவ பிணைப்பு:
formஉறுப்பின்actionபண்புsubmitContactFormசர்வர் ஆக்சனுடன் பிணைக்கப்பட்டுள்ளது. இது படிவம் சமர்ப்பிக்கப்படும்போது சர்வர் ஆக்சனை அழைக்க ரியாக்ட்டிற்கு சொல்கிறது.
மேம்பட்ட பயன்பாடு மற்றும் கருத்தாய்வுகள்
வெற்றி மற்றும் பிழை நிலைகளைக் கையாளுதல்
experimental_useFormStatus சமர்ப்பிப்பு நிலையை கண்காணிப்பதை எளிதாக்கும் அதே வேளையில், நீங்கள் பெரும்பாலும் வெற்றி மற்றும் பிழை நிலைகளை வெளிப்படையாகக் கையாள வேண்டும். சர்வர் ஆக்சன்கள் வெற்றி அல்லது தோல்வியைக் குறிக்கும் தரவை வழங்கலாம், அதை நீங்கள் UI-ஐ அதற்கேற்ப புதுப்பிக்கப் பயன்படுத்தலாம்.
உதாரணம்:
```jsx // app/components/ContactForm.jsx (Modified) 'use client' import { experimental_useFormStatus as useFormStatus } from 'react' import { submitContactForm } from '../actions' import { useState } from 'react'; function SubmitButton() { const { pending } = useFormStatus() return ( ) } export default function ContactForm() { const [message, setMessage] = useState(null); async function handleSubmit(formData) { const result = await submitContactForm(formData); setMessage(result); } return ({message.message}
)}விளக்கம்:
- செய்திகளுக்கான நிலை: சர்வர் ஆக்சன் மூலம் வழங்கப்படும் முடிவைச் சேமிக்க ஒரு
messageநிலை மாறி அறிமுகப்படுத்தப்பட்டுள்ளது. - முடிவைக் கையாளுதல்: படிவம் சமர்ப்பிக்கப்பட்ட பிறகு,
handleSubmitசெயல்பாடு சர்வர் ஆக்சனிலிருந்து வரும் முடிவைக் கொண்டுmessageநிலையைப் புதுப்பிக்கிறது. - செய்திகளைக் காண்பித்தல்: இந்த கூறு, முடிவின்
successபண்பின் அடிப்படையில் செய்தியைக் காண்பிக்கிறது, வெற்றி மற்றும் பிழை நிலைகளுக்கு வெவ்வேறு CSS வகுப்புகளைப் பயன்படுத்துகிறது.
படிப்படியான மேம்பாடு
experimental_useFormStatus படிப்படியான மேம்பாட்டு சூழ்நிலைகளில் பிரகாசிக்கிறது. ஒரு நிலையான HTML படிவத்தை ரியாக்ட் மூலம் படிப்படியாக மேம்படுத்துவதன் மூலம், ஜாவாஸ்கிரிப்ட் தோல்வியுற்றால் அடிப்படை செயல்பாட்டை இழக்காமல் சிறந்த பயனர் அனுபவத்தை வழங்க முடியும்.
உதாரணம்:
ஒரு அடிப்படை HTML படிவத்தில் இருந்து தொடங்குகிறது:
```html ```பின்னர் நீங்கள் அதை ரியாக்ட் மற்றும் experimental_useFormStatus மூலம் படிப்படியாக மேம்படுத்தலாம்.
விளக்கம்:
- ஆரம்ப HTML படிவம்:
public/contact.htmlகோப்பில் ஒரு நிலையான HTML படிவம் உள்ளது, இது ஜாவாஸ்கிரிப்ட் இல்லாமலும் செயல்படும். - படிப்படியான மேம்பாடு:
EnhancedContactFormகூறு HTML படிவத்தை படிப்படியாக மேம்படுத்துகிறது. ஜாவாஸ்கிரிப்ட் இயக்கப்பட்டிருந்தால், ரியாக்ட் கட்டுப்பாட்டை எடுத்துக்கொண்டு ஒரு சிறந்த பயனர் அனுபவத்தை வழங்குகிறது. useFormStateHook: படிவ நிலையை நிர்வகிப்பதற்கும் சர்வர் ஆக்சனை படிவத்துடன் பிணைப்பதற்கும்useFormStateஐப் பயன்படுத்துகிறது.state:useFormStateஇலிருந்து வரும்stateஇப்போது சர்வர் ஆக்சனிலிருந்து வரும் மதிப்பை வைத்திருக்கிறது, அதை வெற்றி அல்லது பிழை செய்திகளுக்காகச் சரிபார்க்கலாம்.
சர்வதேச கருத்தாய்வுகள்
உலகளாவிய பார்வையாளர்களுக்காக படிவங்களைச் செயல்படுத்தும்போது, பல சர்வதேச கருத்தாய்வுகள் கவனத்தில் கொள்ளப்பட வேண்டும்:
- உள்ளூர்மயமாக்கல்: உங்கள் படிவ லேபிள்கள், செய்திகள் மற்றும் பிழைச் செய்திகள் வெவ்வேறு மொழிகளில் உள்ளூர்மயமாக்கப்பட்டுள்ளதை உறுதிப்படுத்தவும். i18next போன்ற கருவிகள் மொழிபெயர்ப்புகளை நிர்வகிக்க உதவும்.
- தேதி மற்றும் எண் வடிவங்கள்: பயனரின் இருப்பிடத்திற்கு ஏற்ப தேதி மற்றும் எண் வடிவங்களைக் கையாளவும். தேதிகள் மற்றும் எண்களைச் சரியாக வடிவமைக்க
Intlஅல்லதுmoment.js(தேதி வடிவமைப்புக்காக, இருப்பினும் இது இப்போது மரபுவழியாகக் கருதப்படுகிறது) போன்ற நூலகங்களைப் பயன்படுத்தவும். - முகவரி வடிவங்கள்: வெவ்வேறு நாடுகளில் வெவ்வேறு முகவரி வடிவங்கள் உள்ளன. பல முகவரி வடிவங்களை ஆதரிக்கும் ஒரு நூலகத்தைப் பயன்படுத்துவதைக் கருத்தில் கொள்ளவும் அல்லது பயனரின் இருப்பிடத்தின் அடிப்படையில் தனிப்பயன் படிவ புலங்களை உருவாக்கவும்.
- தொலைபேசி எண் சரிபார்ப்பு: சர்வதேச தரநிலைகளின்படி தொலைபேசி எண்களைச் சரிபார்க்கவும்.
libphonumber-jsபோன்ற நூலகங்கள் இதற்கு உதவலாம். - வலமிருந்து இடமாக (RTL) ஆதரவு: அரபு அல்லது ஹீப்ரு போன்ற RTL மொழிகளை உங்கள் படிவ அமைப்பு ஆதரிக்கிறதா என்பதை உறுதிப்படுத்தவும். சிறந்த RTL ஆதரவிற்காக CSS தர்க்கரீதியான பண்புகளைப் பயன்படுத்தவும் (எ.கா.,
margin-leftக்குப் பதிலாகmargin-inline-start). - அணுகல்தன்மை: உங்கள் படிவங்கள் மாற்றுத்திறனாளிகளால், அவர்களின் இருப்பிடத்தைப் பொருட்படுத்தாமல் பயன்படுத்தக்கூடியதாக இருப்பதை உறுதிசெய்ய அணுகல்தன்மை வழிகாட்டுதல்களை (WCAG) பின்பற்றவும்.
உதாரணம்: உள்ளூர்மயமாக்கப்பட்ட படிவ லேபிள்கள்
```jsx // i18n/locales/en.json { "contactForm": { "nameLabel": "Name", "emailLabel": "Email", "messageLabel": "Message", "submitButton": "Submit", "successMessage": "Form submitted successfully!", "errorMessage": "Failed to submit form." } } // i18n/locales/fr.json { "contactForm": { "nameLabel": "Nom", "emailLabel": "Courriel", "messageLabel": "Message", "submitButton": "Soumettre", "successMessage": "Formulaire soumis avec succès !", "errorMessage": "Échec de la soumission du formulaire." } } // app/components/LocalizedContactForm.jsx 'use client' import { useTranslation } from 'react-i18next'; import { experimental_useFormStatus as useFormStatus } from 'react' import { submitContactForm } from '../actions' import { useState } from 'react'; function SubmitButton() { const { pending } = useFormStatus() const { t } = useTranslation(); return ( ) } export default function LocalizedContactForm() { const { t } = useTranslation(); const [message, setMessage] = useState(null); async function handleSubmit(formData) { const result = await submitContactForm(formData); setMessage(result); } return ({message.message}
)}விளக்கம்:
- மொழிபெயர்ப்பு கோப்புகள்: இந்த உதாரணம் மொழிபெயர்ப்புகளை நிர்வகிக்க
react-i18nextஐப் பயன்படுத்துகிறது. தனித்தனி JSON கோப்புகளில் வெவ்வேறு மொழிகளுக்கான மொழிபெயர்ப்புகள் உள்ளன. useTranslationHook:useTranslationhook மொழிபெயர்ப்பு செயல்பாட்டிற்கான (t) அணுகலை வழங்குகிறது, இது உள்ளூர்மயமாக்கப்பட்ட சரங்களைப் பெறப் பயன்படுகிறது.- உள்ளூர்மயமாக்கப்பட்ட லேபிள்கள்: படிவ லேபிள்கள் மற்றும் பொத்தான் உரை
tசெயல்பாட்டைப் பயன்படுத்திப் பெறப்படுகின்றன, அவை பயனரின் விருப்பமான மொழியில் காட்டப்படுவதை உறுதி செய்கிறது.
அணுகல்தன்மை கருத்தாய்வுகள்
மாற்றுத்திறனாளிகள் உட்பட அனைத்து பயனர்களுக்கும் உங்கள் படிவங்கள் அணுகக்கூடியதாக இருப்பதை உறுதி செய்வது முக்கியம். இங்கே சில முக்கிய அணுகல்தன்மை கருத்தாய்வுகள்:
- பொருளுணர் HTML:
<label>,<input>,<textarea>, மற்றும்<button>போன்ற பொருளுணர் HTML கூறுகளைச் சரியாகப் பயன்படுத்தவும். - லேபிள்கள்:
<label>இல்forபண்புக்கூறு மற்றும் படிவக் கட்டுப்பாட்டில்idபண்புக்கூறு ஆகியவற்றைப் பயன்படுத்தி லேபிள்களை படிவக் கட்டுப்பாடுகளுடன் இணைக்கவும். - ARIA பண்புக்கூறுகள்: உதவித் தொழில்நுட்பங்களுக்கு கூடுதல் தகவல்களை வழங்க ARIA பண்புக்கூறுகளைப் பயன்படுத்தவும். உதாரணமாக, ஒரு படிவக் கட்டுப்பாட்டை ஒரு விளக்கத்துடன் இணைக்க
aria-describedbyஐப் பயன்படுத்தவும். - பிழை கையாளுதல்: பிழைகளைத் தெளிவாகக் குறிப்பிட்டு பயனுள்ள பிழைச் செய்திகளை வழங்கவும். தவறான படிவக் கட்டுப்பாடுகளைக் குறிக்க
aria-invalidபோன்ற ARIA பண்புக்கூறுகளைப் பயன்படுத்தவும். - விசைப்பலகை வழிசெலுத்தல்: பயனர்கள் விசைப்பலகையைப் பயன்படுத்தி படிவத்தில் செல்ல முடியும் என்பதை உறுதிப்படுத்தவும். தேவைப்பட்டால் ஃபோகஸ் வரிசையைக் கட்டுப்படுத்த
tabindexபண்புக்கூறைப் பயன்படுத்தவும். - வண்ண வேறுபாடு: உரைக்கும் பின்னணி வண்ணங்களுக்கும் இடையில் போதுமான வண்ண வேறுபாட்டை உறுதிப்படுத்தவும்.
- படிவ அமைப்பு: தெளிவான மற்றும் நிலையான படிவ அமைப்பைப் பயன்படுத்தவும். தொடர்புடைய படிவக் கட்டுப்பாடுகளை
<fieldset>மற்றும்<legend>கூறுகளைப் பயன்படுத்தி தொகுக்கவும்.
உதாரணம்: அணுகக்கூடிய பிழை கையாளுதல்
```jsx // app/components/AccessibleContactForm.jsx 'use client' import { experimental_useFormStatus as useFormStatus } from 'react' import { submitContactForm } from '../actions' import { useState } from 'react'; function SubmitButton() { const { pending } = useFormStatus() return ( ) } export default function AccessibleContactForm() { const [message, setMessage] = useState(null); const [errors, setErrors] = useState({}); async function handleSubmit(formData) { // Basic client-side validation const newErrors = {}; if (!formData.get('name')) { newErrors.name = 'Name is required.'; } if (!formData.get('email')) { newErrors.email = 'Email is required.'; } if (!formData.get('message')) { newErrors.message = 'Message is required.'; } if (Object.keys(newErrors).length > 0) { setErrors(newErrors); return; } setErrors({}); // Clear previous errors const result = await submitContactForm(formData); setMessage(result); } return ({message.message}
)}விளக்கம்:
- பிழை நிலை: இந்த கூறு சரிபார்ப்புப் பிழைகளைக் கண்காணிக்க ஒரு
errorsநிலையைப் பராமரிக்கிறது. - கிளையன்ட்-பக்க சரிபார்ப்பு:
handleSubmitசெயல்பாடு படிவத்தைச் சமர்ப்பிக்கும் முன் அடிப்படை கிளையன்ட்-பக்க சரிபார்ப்பைச் செய்கிறது. - ARIA பண்புக்கூறுகள்: ஒரு குறிப்பிட்ட படிவக் கட்டுப்பாட்டிற்கு ஒரு பிழை இருந்தால்
aria-invalidபண்புக்கூறுtrueஎன அமைக்கப்படுகிறது.aria-describedbyபண்புக்கூறு படிவக் கட்டுப்பாட்டை பிழைச் செய்தியுடன் இணைக்கிறது. - பிழைச் செய்திகள்: பிழைச் செய்திகள் அதனுடன் தொடர்புடைய படிவக் கட்டுப்பாடுகளுக்கு அடுத்து காட்டப்படுகின்றன.
சாத்தியமான சவால்கள் மற்றும் வரம்புகள்
- பரிசோதனை நிலை: ஒரு பரிசோதனை API என்பதால்,
experimental_useFormStatusஎதிர்கால ரியாக்ட் பதிப்புகளில் மாற்றப்படலாம் அல்லது அகற்றப்படலாம். ரியாக்ட்டின் ஆவணங்களுடன் புதுப்பித்த நிலையில் இருப்பது மற்றும் தேவைப்பட்டால் உங்கள் குறியீட்டை மாற்றியமைக்கத் தயாராக இருப்பது அவசியம். - வரையறுக்கப்பட்ட நோக்கம்: இந்த hook முக்கியமாக சமர்ப்பிப்பு நிலையைக் கண்காணிப்பதில் கவனம் செலுத்துகிறது மற்றும் சரிபார்ப்பு அல்லது தரவு கையாளுதல் போன்ற விரிவான படிவ மேலாண்மை அம்சங்களை வழங்காது. இந்த அம்சங்களுக்கு நீங்கள் கூடுதல் தர்க்கத்தைச் செயல்படுத்த வேண்டியிருக்கலாம்.
- சர்வர் ஆக்சன் சார்பு: இந்த hook சர்வர் ஆக்சன்களுடன் வேலை செய்ய வடிவமைக்கப்பட்டுள்ளது, இது எல்லா பயன்பாட்டு நிகழ்வுகளுக்கும் பொருந்தாது. நீங்கள் சர்வர் ஆக்சன்களைப் பயன்படுத்தவில்லை என்றால், படிவ நிலையை நிர்வகிக்க மாற்றுத் தீர்வுகளைக் கண்டறிய வேண்டியிருக்கலாம்.
முடிவுரை
experimental_useFormStatus hook ரியாக்ட்டில் படிவம் சமர்ப்பிப்பு நிலைகளை நிர்வகிப்பதில் குறிப்பிடத்தக்க முன்னேற்றத்தை வழங்குகிறது, குறிப்பாக சர்வர் ஆக்சன்கள் மற்றும் படிப்படியான மேம்பாட்டுடன் பணிபுரியும்போது. நிலை மேலாண்மையை எளிதாக்குவதன் மூலமும் தெளிவான மற்றும் சுருக்கமான API-ஐ வழங்குவதன் மூலமும், இது டெவலப்பர் அனுபவம் மற்றும் பயனர் அனுபவம் இரண்டையும் மேம்படுத்துகிறது. இருப்பினும், அதன் பரிசோதனைத் தன்மையைக் கருத்தில் கொண்டு, எதிர்கால ரியாக்ட் பதிப்புகளில் புதுப்பிப்புகள் மற்றும் சாத்தியமான மாற்றங்கள் குறித்துத் தகவல் அறிந்திருப்பது முக்கியம். அதன் நன்மைகள், வரம்புகள் மற்றும் சிறந்த நடைமுறைகளைப் புரிந்துகொள்வதன் மூலம், உங்கள் ரியாக்ட் பயன்பாடுகளில் மேலும் வலுவான மற்றும் பயனர்-நட்பு படிவங்களை உருவாக்க experimental_useFormStatus ஐ திறம்படப் பயன்படுத்தலாம். உலகளாவிய பார்வையாளர்களுக்காக உள்ளடக்கிய படிவங்களை உருவாக்க சர்வதேசமயமாக்கல் மற்றும் அணுகல்தன்மை சிறந்த நடைமுறைகளைக் கருத்தில் கொள்ள நினைவில் கொள்ளுங்கள்.