Top Posts Tagged with #htmlcode

Introduction to the svg element for scalable vector graphics

In HTML5 web development, <svg> tag is used to insert or embed highly graphical Scalable Vector Graphics (SVG) heavy resolution image in design developed web page. SVG image is a highly graphical image resolution format, where SVG image is a complete independent image format compared to other graphic images, which provides web developer direct input and preview features of a high-quality graphical image in the web page website, SVG image is the current complete responsive image format preview.

So, let’s know the <svg> image features and function in HTML5 web page design development.

What is SVG?

SVG stands for Scalable Vector Graphics Highly Graphics Image File Format, which is XML (extensible markup language) based image shape file format, which indicates 2-dimensional graphic image format in design or developed web page. Here, compared to other popular image formats, unlike raster graphics file formats such as JPEG, gif, bmp, PNG image file formats, which are built in an image pixel file format, many types of different shapes, lines, text, 2-dimensional images or shape and text format based graphic objects are designed in SVG graphic format.

SVG object basic syntax in HTML5.

<!– Write detail description about svg image graphics –>

</svg>

SVG Shape object properties.

SVG object width – Indicates the width of the current SVG shape viewport.

SVG object height – Indicates the height of the current SVG image shape object viewport.

SVG xmlns rendring – Indicates the XML rendering location for the design SVG object in the current web page, which is important for SVG shape object rendering.

Create Shapes with HTML5 SVG.

Create svg rectangular shape.

<!DOCTYPE html>

<head>

<body>

</svg>

</svg>

</body>

</html>

Create a circle shape in SVG.

<!DOCTYPE html>

<head>

<body>

</svg>

</svg>

</body>

</html>

Create an ellipse shape in SVG.

<!DOCTYPE html>

<head>

<body>

</svg>

</svg>

</body>

</html>

Continue Reading On — https://vcanhelpsu.com

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

Introduction to the svg element for scalable vector graphics html in hindi

एचटीएमएल5 वेब डेवलपमेंट में <svg> टैग का उपयोग डिज़ाइन डेवलप वेब पेज में हाइली ग्राफिकल स्केलेबल वेक्टर ग्राफ़िक्स (SVG) हैवी रेज़लुशन इमेज को इन्सर्ट या एम्बेड करने में किया जाता है। SVG इमेज एक हाइली ग्राफिकल इमेज रेज़लुशन फॉर्मेट है, जहा SVG इमेज अन्य ग्रफिक इमेज की तुलना में कम्पलीट इंडिपेंडेंट इमेज फॉर्मेट है, जो वेब डेवलपर को वेब पेज वेबसाइट में एक उच्च क्वालिटी ग्राफिकल इमेज को डायरेक्ट इनपुट और प्रीव्यू फीचर्स प्रदान करता है, SVG इमेज वर्त्तमान समय के कम्पलीट रेस्पोंसिबल इमेज फॉर्मेट प्रीव्यू है।

So let’s know the <svg> image features and function in HTML5 web page design development.

SVG क्या है?

SVG का अर्थ स्केलेबल वेक्टर ग्राफ़िक्स हाइली ग्राफिक्स इमेज फाइल फॉर्मेट है, जो XML(extensible markup language) बेस्ड इमेज शेप फाइल फॉर्मेट है, जो डिज़ाइन या डेवलप वेब पेज में 2-डायमेंशनल ग्राफ़िक इमेज फॉर्मेट को इंडीकेट करता है। यहाँ अन्य पॉपुलर इमेज फॉर्मेट की तुलना में रास्टर ग्राफ़िक्स फाइल फॉर्मेट जैसे JPEG, gif, bmp,PNG इमेज फैल फॉर्मेट के विपरीत, जो किसी इमेज पिक्सेल फाइल फॉर्मेट में बिल्ड होते हैं, वही SVG ग्राफ़िक फॉर्मेट में कई प्रकार के डिफरेंट शेप, लाइन्स, टेक्स्ट, 2-डायमेंशनल इमेज या शेप और टेक्स्ट फॉर्मेट बेस्ड ग्राफ़िक ऑब्जेक्ट डिज़ाइन किए जाते है।

एचटीएमएल5 वेब डेवलपमेंट में <svg> टैग SVG ग्राफ़िक्स इमेज डिज़ाइन के लिए एक ग्राफ़िक्स कंटेनर के रूप में डेवलप SVG शेप ऑब्जेक्ट को प्रीव्यू करता है। जहा आप SVG इमेज ऑब्जेक्ट कंटेनर में, जरूरत के अनुसार विभिन्न शेप, लाइन्स, टेक्स्ट, 2-d शेप, और ग्राफिकल इमेज ऑब्जेक्ट को क्रिएट कर सकते हैं।

SVG object basic syntax in HTML5.

<!– Write detail description about svg image graphics –>

</svg>

SVG Shape object properties.

SVG object width – मौजूदा SVG शेप व्यूपोर्ट की विड्थ को इंडीकेट करता है।

SVG object height – मौजूदा SVG इमेज शेप ऑब्जेक्ट की व्यूपोर्ट की हाइट को इंडीकेट करता है।

SVG xmlns rendring – मौजूदा वेब पेज में डिज़ाइन SVG ऑब्जेक्ट के लिए XML रेंडरिंग लोकेशन को इंडीकेट करता है, जो SVG शेप ऑब्जेक्ट रेंडरिंग के लिए इम्पोर्टेन्ट है।

Create Shapes with HTML5 SVG.

Create svg rectangular shape.

<!DOCTYPE html>

<head>

<body>

</svg>

</svg>

</body>

</html>

Create a circle shape in SVG.

<!DOCTYPE html>

<head>

<body>

</svg>

</svg>

</body>

</html>

Continue Reading On — https://vcanhelpsu.com

Creating accessible forms

To create a complete accessible form in an HTML5 web page, you need to keep in mind all the important form input control attributes and factors. It should have all the form controls and features for all capable and disabled internet users, here an accessible web page form should have all the form essential features and form attributes available. In which, Windows screen reader, keyboard navigation or alternative form input methods, common and advanced form attributes and features should be present.

So, let’s know all the factors and features to create an accessible form in an HTML5 web page.

Use of HTML5 Semantic HTML.

In modern web development, semantic tags should be used in the design form element in HTML5 web page, where all HTML5 semantic tags should be compatible with all today’s modern web browsers and internet technologies.

Where as in HTML5 form, use <label>, <input>, <textarea>, <select>, etc. in the required form tag element in the input form control to be collected.

Example of form semantic tag control.

<!DOCTYPE html>

<head>

<title>Example of form semantic tag control. </title>

</head>

<legend>Employee Data</legend>

<label for=”empname”>Employee Name – </label>

<label for=”mobile”>Mobile – </label>

<label for=”email”>Email – </label>

</fieldset>

</body>

</html>

Add clear labels to HTML5 form input controls.

Design form input control labels in HTML5 web page explain the controls used in the form, form label control provides a label to each form input control, so that the internet user gets detailed information about the control while filling the form.

Use form label attributes along with for form attributes to relate the label form control to form related controls. You have to know the label in the form, and manage the form input control accordingly.

Example of form label control.

<!DOCTYPE html>

<head>

<title>Example of form label control. </title>

</head>

<label for=”visitorname”>Visitor name – </label>

</body>

</html>

Continue Reading On — https://vcanhelpsu.com

Creating accessible forms html in hindi

एचटीएमएल5 वेब पेज में एक कम्पलीट एक्सेसिबल फॉर्म बनाने के लिए आपको सभी इम्पोर्टेन्ट फॉर्म इनपुट कण्ट्रोल ऐट्रिब्यूट्स और फैक्टर्स को ध्यान में रखना होगा। इसमें सभी कैपेबल और डिसेबल इंटरनेट यूजर के लिए सभी तरह के फॉर्म कण्ट्रोल और फीचर्स होने चाहिए, यहाँ एक एक्सेसिबल वेब पेज फॉर्म सभी फॉर्म जरूरी फीचर्स और फॉर्म ऐट्रिब्यूट्स अवेलेबल होने चाहिए। जिसमे, की विंडोज स्क्रीन रीडर, कीबोर्ड नेविगेशन या अल्टरनेटिव फॉर्म इनपुट मेथड्स, कॉमन और एडवांस्ड फॉर्म ऐट्रिब्यूट्स एंड फीचर्स मौजूद होने चाहिए।

So, let’s know all the factors and features to create an accessible form in an HTML5 web page.

Use of HTML5 Semantic HTML.

मॉडर्न वेब डेवलपमेंट में एचटीएमएल5 वेब पेज में डिज़ाइन फॉर्म एलिमेंट में सिमेंटिक टैग उपयोग किये जाने चाहिए, जहा सभी एचटीएमएल5 सिमेंटिक टैग आज के सभी मॉडर्न वेब ब्राउज़र और इंटरनेट टेक्नोलॉजी कम्पेटिबल होने चाहिए।

जहा एचटीएमएल5 फॉर्म में कलेक्ट होने वाले इनपुट फॉर्म कण्ट्रोल में जरूरी फॉर्म टैग एलिमेंट में <label>, <input>, <textarea>, <select>, आदि को यूज़ करे।

Example of form semantic tag control.

<!DOCTYPE html>

<head>

<title>Example of form semantic tag control. </title>

</head>

<legend>Employee Data</legend>

<label for=”empname”>Employee Name – </label>

<label for=”mobile”>Mobile – </label>

<label for=”email”>Email – </label>

</fieldset>

</body>

</html>

Add clear labels to HTML5 form input controls.

एचटीएमएल5 वेब पेज में डिज़ाइन फॉर्म इनपुट कण्ट्रोल लेबल फ़ॉर्म में उपयोग कण्ट्रोल को एक्सप्लेन करते हैं, फॉर्म लेबल कण्ट्रोल हर फॉर्म इनपुट कण्ट्रोल को एक लेबल प्रोवाइड करता है, जिससे फॉर्म फील करते समय इंटरनेट यूजर को कण्ट्रोल के बारे में डिटेल जानकारी हो जाती है।

लेबल फॉर्म कण्ट्रोल को फॉर्म रिलेटेड कंट्रोल्स से रिलेट करने के लिए for फॉर्म ऐट्रिब्यूट्स के साथ फॉर्म लेबल ऐट्रिब्यूट्स को उपयोग करे। आपको फॉर्म में लेबल को जानना है, और उसके अकॉर्डिंग फॉर्म इनपुट कण्ट्रोल को मैनेज करना है।

Example of form label control.

<!DOCTYPE html>

<head>

<title>Example of form label control. </title>

</head>

<label for=”visitorname”>Visitor name – </label>

</body>

</html>

Continue Reading On — https://vcanhelpsu.com

Form validation attributes: required, pattern, min, max html in hindi

Form validation attributes: required, pattern, min, max in hindi

एचटीएमएल5 वेब डेवलपमेंट स्क्रिप्ट फॉर्म डिज़ाइन में आपको कई नए बिल्ट-इन फ़ॉर्म वेलिडेशन ऐट्रिब्यूट्स या फीचर्स मिलते है, फॉर्म वेलिडेशन इंटरनेट यूजर के द्वारा फील और एक्सेस डिजिटल फॉर्म इनफार्मेशन को चेक और स्टोर कर सके, जैसे वेब विजिटर इन फॉर्म में डिजिटल इनफार्मेशन को भरता है, तब फॉर्म वेलिडेशन ऐट्रिब्यूट्स वेब विजिटर को एक सुलभ फॉर्म फील एनवायरनमेंट विथ फॉर्म वेलिडेशन फीचर्स प्रदान करता है।

So let us know the multiple form attributes and features in HTML5 better.

Form required attribute.

एचटीएमएल5 वेब पेज में डिज़ाइन फॉर्म में रिक्वायर्ड फॉर्म ऐट्रिब्यूट्स फॉर्म में यह इंडीकेट करता है, की इस फॉर्म इनपुट फील्ड को भरे आप फॉर्म को कम्पलीट नहीं कर सकते है, यानि ये फॉर्म फील्ड एक इम्पोर्टेन्ट रिक्वायर्ड फील्ड केटेगरी है, जिसे फॉर्म में भरना एसेंशियल है। जहा डिज़ाइन फॉर्म में इन्हे रिक्वायर्ड फॉर्म ऐट्रिब्यूट्स के साथ डिज़ाइन किया जाता है।

Example of Form required attribute.

<form>

<label for=”empname”>Employee Name – </label>

</form>

Form Required Attributes Behavior.

रिक्वायर्ड ऐट्रिब्यूट्स फॉर्म को वेब डेवलपर इस तरह डिज़ाइन करता है, की बिना उस रिक्वायर्ड इनपुट फॉर्म फील्ड को भरे बिना फॉर्म सबमिट या प्रोसेस नहीं होगा, इसके साथ वेब विजिटर को उस फील्ड को भरना ही होगा, और ये एक रिक्वायर्ड एसेंशियल फॉर्म फील्ड की तरह डिस्प्ले और प्रोसेस होगा।

Form Pattern Attribute.

एचटीएमएल5 वेब पेज में डिज़ाइन फॉर्म में पैटर्न ऐट्रिब्यूट्स एक रेगुलर फॉर्म एक्सप्रेशन ऐट्रिब्यूट्स को इंडीकेट करता है, यह यूजर इनपुट फॉर्म एलिमेंट को मौजूदा डाटा और इनफार्मेशन से वेरीफाई करते है। यह वेब विजिटर को टेक्स्ट-बेस्ड फॉर्म इनपुट में कस्टम फॉर्म इनपुट कण्ट्रोल वेरिफक्शन अल्लॉव करता है।

वेब डेवलपर डिज़ाइन फॉर्म में स्पेशल इनपुट फॉर्म फॉर्मेट में टेक्स्ट बेस्ड इनपुट फॉर्म फॉर्मेट को अप्लाई करने से पहले इन ऐट्रिब्यूट्स को ऐड करता है, वेब डेवलपर फॉर्म स्पेशल फॉर्म ऐट्रिब्यूट्स में टेक्स्ट, सर्च, टेली, यूआरएल, ईमेल, आदि डिजायर फॉर्म ऐट्रिब्यूट्स को अप्लाई कर सकते है।

Example of form pattern attributes.

<form>

</form>

Form Pattern Attributes Explanation.

यहाँ आपको दिए गए फॉर्म पैटर्न उदाहरण में पैटर्न ऐट्रिब्यूट्स एक रेगुलर एक्सप्रेशन रेगेक्स (\d{5}) को इंडीकेट करती है, यह एक 5 न्यूमेरिक यूजर इनपुट पिन कोड से वेरीफाई करता है। यहाँ ये फ़ॉर्म उसी समय सबमिट होगा, जब पिन कोड इनपुट वैल्यू इस पैटर्न ऐट्रिब्यूट्स स्टैण्डर्ड को फॉलो करे।

Form Pattern Behavior.

यहाँ यदि यूजर इनपुट पिन कोड इन्टिजर वैल्यू मौजूदा पैटर्न से वेरीफाई नहीं होती है, तो यह यूजर को फॉर्म में एक एरर मैसेज डिस्प्ले करता है।

Form Min attribute.

एचटीएमएल5 वेब पेज में डिज़ाइन फॉर्म में न्यूनतम ऐट्रिब्यूट्स यूजर न्यूमेरिक इनपुट टाइप्स में न्यूमेरिक, रेंज, डेट, डेट-टाइम-लोकल, मंथ, टाइम, वीक, के लिए न्यूनतम अक्सेप्टबल ऐट्रिब्यूट्स को फॉलो करती है। याद रहे, ये फॉर्म में एक मिनिमम फॉर्म इनपुट कण्ट्रोल ऐट्रिब्यूट्स को अप्लाई करती है। जरूरत के अनुसार एचटीएमएल5 वेब पेज में डिज़ाइन फॉर्म में न्यूमेरिक या डेट टाइम वैल्यू फॉर्म इनपुट कण्ट्रोल के लिए इन ऐट्रिब्यूट्स फीचर्स को अप्लाई कर सकते है।

Example of Form Min attribute.

<form>

<label for=”yourage”>Enter Your Age – </label>

</form>

Form Min attribute explanation.

यहाँ ऊपर दिए गए फॉर्म मिनिमम पैटर्न एट्रिब्यूट में फॉर्म में इनपुट फील्ड कण्ट्रोल में यूजर इनपुट ऐज वैल्यू कम से कम 18 वर्ष से अधिक होनी चाहिए, यही यहाँ मिनिमम फॉर्म इनपुट ऐट्रिब्यूट्स की मुख्य भूमिका है.

यहाँ यदि यूजर इनपुट ऐज वैल्यू 18 वर्ष से कम है, तो यह वेब ब्राउज़र में यूजर को फॉर्म सबमिशन की परमिशन नहीं देगा, और क्लाइंट वेब ब्राउज़र विंडो में एक एरर मैसेज डिस्प्ले करेगा।

Continue Reading On — https://vcanhelpsu.com

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

New input types in HTML5: email, url, date, range, color

HTML5 scripting language improves the usability of forms and form control validation in web pages and using these new form controls, HTML5 web page forms can be made advanced and fully automated. These new form input controls have been improved by introducing new form controls in the basic form controls to the HTML5 web developer as compared to the HTML4 version.

So, let’s get to know the new form controls in HTML5 better.

HTML5 Email Input Data Type.

In HTML5 web page form, email input data type is used to add or store user input email address field in the existing web page form. Here this email input data type validates the user entered email address where it checks the input email address syntax and proper validation.

HTML5 Email Input Data Type Attributes.

Email validation attributes – This email attribute checks the user entered email address syntax and format in an existing HTML5 web page form. If the user entered form email address is in the proper syntax, and the entered email is a valid email address, then it stores the entered email address in the system.

Email keyboard – The email keyboard attribute displays a digital keyboard to enable Internet users to enter email information on portable mobile devices while filling out online forms.

HTML5 Email Input Data Type Attributes example.

<label for=”youremail”> Your Email – </label>

HTML5 Email Input Data Attributes.

Email Pattern Attributes – Here you can use regular expressions to add a custom email address format to the input email address in the existing form.

Email validation example.

HTML5 url input type.

The URL input type form field is used in HTML5 web page forms to check whether the Internet user can enter a URL website address in the form. It validates the URL input type address entered in the form by the form user whether the email address entered manually by the form user is in the proper syntax and is valid or not.

HTML5 url input type attributes.

URL validation attributes – These attributes validate the URL domain address entered by the user in the current form whether the URL address entered manually by the form user is a valid and proper website syntax domain address.

URL keyboard attributes – These attributes display a digital keyboard for the form user to enter the URL address in the portable cellphone device.

Example of HTML5 url input type.

<label for=”website”>Url Domain -</label>

HTML5 date input type.

Date input type in HTML5 web page form form input date selection is used for user dates selection dialog in existing form, it provides different date month year selection dialog window to user in form.

HTML5 date input type attributes.

Date selector attributes – Date selector provides user interface dialog window for entering date in form in HTML5 web page.

Date validation attributes – It validates the form date input field validity entered in existing form, where user entered or selected date is properly valid and in proper syntax order or not.

Example of HTML5 date input type.

<label for=”joindate”>joindate – </label>

Other date input attributes.

Min and Max attributes – You can manually set the minimum and maximum date range for the date entered in the current form.

Date value attributes – In HTML5 web page forms, the web developer fixes and displays a default date.

Date input range Example.

Continue Reading On — https://vcanhelpsu.com

New input types in HTML5: email, url, date, range, color in hindi

New input types in HTML5: email, url, date, range, color html in hindi

एचटीएमएल5 स्क्रिप्टिंग लैंग्वेज वेब पेज में फ़ॉर्म की यूटिलिटी और फॉर्म कण्ट्रोल वेलिडेशन को बेहतर करने और इन नए फॉर्म कण्ट्रोल को उपयोग कर एचटीएमएल5 वेब पेज फॉर्म को एडवांस्ड और फुल्ली ऑटोमेट किया जाता है, ये नए फॉर्म इनपुट कण्ट्रोल एचटीएमएल4 वर्जन की तुलना में एचटीएमएल5 वेब डेवलपर को बेसिक फॉर्म कण्ट्रोल में नए फॉर्म कण्ट्रोल पेश कर इन्हे अधिक बेहतर किया गया है।

So, let’s get to know the new form controls in HTML5 better.

HTML5 Email Input Data Type.

एचटीएमएल5 वेब पेज फॉर्म में ईमेल इनपुट डाटा टाइप का उपयोग यूजर से मौजूदा वेब पेज फॉर्म में ईमेल एड्रेस फील्ड को इनपुट कर ऐड या स्टोर किया जाता है। यहाँ यह ईमेल इनपुट डाटा टाइप यूजर एंटर ईमेल एड्रेस को वेरीफाई करता है, जहा यह इनपुट ईमेल एड्रेस सिंटेक्स और प्रॉपर वेलिडेशन चेक करता है।

HTML5 Email Input Data Type Attributes.

Email validation attributes – यह ईमेल ऐट्रिब्यूट्स मौजूदा एचटीएमएल5 वेब पेज फॉर्म में फॉर्म में यूजर एंटर ईमेल एड्रेस सिंटेक्स और फॉर्मेट को चेक करता है, यदि यूजर एंटर फॉर्म ईमेल एड्रेस प्रॉपर सिंटेक्स में है, और एंटर ईमेल एक वैलिड ईमेल एड्रेस है, तो यह एंटर ईमेल एड्रेस को सिस्टम में स्टोर कर देता है।

Email keyboard – ईमेल कीबोर्ड ऐट्रिब्यूट्स इंटरनेट यूजर को ऑनलाइन फॉर्म फील करते समय पोर्टेबल मोबाइल डिवाइस में ईमेल इनफार्मेशन को एंटर करने में एक डिजिटल कीबोर्ड डिस्प्ले करता है।

HTML5 Email Input Data Type Attributes example.

<label for=”youremail”> Your Email – </label>

HTML5 Email Input Data Attributes.

Email Pattern Attributes – यहाँ आप मौजूदा फॉर्म में इनपुट ईमेल एड्रेस को कस्टम ईमेल एड्रेस फॉर्मेट में ऐड करने के लिए रेगुलर एक्सप्रेशन यूज़ कर सकते हैं।

Email validation example.

HTML5 url input type.

एचटीएमएल5 वेब पेज फॉर्म में यूआरएल इनपुट टाइप फॉर्म फील्ड का उपयोग इंटरनेट यूजर के लिए फॉर्म में यूआरएल वेबसाइट एड्रेस को एंटर कर चेक करता है, यह फ्रॉम में इनपुट यूआरएल इनपुट टाइप एड्रेस को फॉर्म यूजर को वेरीफाई करता है, की यूजर मैन्युअल एंटर ईमेल एड्रेस प्रॉपर सिंटेक्स में है, या नहीं और वैलिडेट है. या नहीं।

HTML5 url input type attributes.

URL validation attributes – यह ऐट्रिब्यूट्स मौजूदा फॉर्म में एंटर यूजर यूआरएल डोमेन एड्रेस को वेलिडेट करता है कि, की फॉर्म यूजर एंटर मैन्युअल यूआरएल एड्रेस एक वैलिड और प्रॉपर वेबसाइट सिंटेक्स डोमेन एड्रेस है.

URL keyboard attributes – यह पोर्टेबल सेलफोन डिवाइस में फॉर्म इंटरनेट यूजर को यूआरएल एड्रेस एंटर करने के लिए एक डिजिटल कीबोर्ड डिस्प्ले करता है.

Example of HTML5 url input type.

<label for=”website”>Url Domain -</label>

HTML5 date input type.

एचटीएमएल5 वेब पेज फॉर्म में डेट इनपुट टाइप फॉर्म इनपुट डेट सिलेक्शन का उपयोग मौजूदा फॉर्म में यूजर डेट्स सलेक्शन डायलॉग के लिए किया जाता है, यह फॉर्म में यूजर को डिफरेंट डेट मंथ ईयर सलेक्शन डायलॉग विंडो प्रदान करता है.

HTML5 date input type attributes.

Date selector attributes – एचटीएमएल5 वेब पेज में फॉर्म में डेट एंटर को एंटर करने के लिए डेट सलेक्टर यूजर इंटरफ़ेस डायलॉग विंडो प्रोवाइड करता है।

Date validation attributes – यह मौजूदा फॉर्म में एंटर फॉर्म डेट इनपुट फील्ड वैलिडिटी को वेरीफाई करता है, जहा यूजर द्वारा एंटर या सलेक्ट डेट प्रॉपर वैलिड और प्रॉपर सिंटेक्स आर्डर में है, या नहीं।

Example of HTML5 date input type.

<label for=”joindate”>joindate – </label>

Other date input attributes.

Min and Max attributes – मौजूदा फॉर्म में एंटर डेट की मिनिमम और मैक्सिमम डेट रेंज को मैन्युअल रूप से सेट कर सकते है ।

Date value attributes – एचटीएमएल5 वेब पेज फॉर्म में वेब डेवलपर एक डिफ़ॉल्ट डेट को फिक्स कर डिस्प्ले करता है।

Date input range Example.

Continue Reading On — https://vcanhelpsu.com

Form elements: form, input, textarea, button, select, label html in Hindi

मल्टीप्ल फॉर्म इनपुट कंट्रोल्स एचटीएमएल5 वेब डेवलपर को कई प्रकर के डिफरेंट फ़ॉर्म कण्ट्रोल एलिमेंट प्रोवाइड करता है, जो एचटीएमएल वेब डेवलपर को इंटरनेट यूजर के लिए मल्टीप्ल फॉर्म कण्ट्रोल इनपुट कण्ट्रोल चॉइस बनाने में सहायता प्रदान करते हैं. यहाँ बेसिक फॉर्म इनपुट एलिमेंट कण्ट्रोल में आप <form> स्टार्ट टैग, <input> मल्टीप्ल इनपुट टाइप सलेक्शन, <textarea> यूजर टेक्स्ट एरिया, <button> मल्टीप्ल बटन क्रिएशन चॉइस, <select> मल्टीप्ल आइटम में सिंगल आइटम सिलेक्शन चॉइस इनपुट कण्ट्रोल और फॉर्म में उपयोग होने वाले हर इनपुट कण्ट्रोल के लिए <label> प्रदान करना आदि फॉर्म इनपुट कण्ट्रोल हैं. एचटीएमएल वेब पेज में हर डिज़ाइन फॉर्म इनपुट कण्ट्रोल में यूनिक फीचर्स और ऐट्रिब्यूट्स होते हैं, इन फॉर्म कंट्रोल्स और ऐट्रिब्यूट्स का उपयोग कर डिजायर एचटीएमएल वेब पेज में डिज़ाइन किया जा सकते है.

So, let’s analyze the multiple form input controls in HTML5 web page.

HTML5 <form> tag.

एचटीएमएल5 वेब पेज में <form> टैग एक फॉर्म क्रिएशन फ़ॉर्म डिज़ाइन इनपुट कण्ट्रोल प्रदान कर मल्टीप्ल फॉर्म एलिमेंट चॉइस प्रदान करता है. फॉर्म एक ऑनलाइन वेब साइट के माध्यम से डाटा कलेक्शन टूल या रिसोर्सेज है, जो वेब डेवलपर द्वारा डिज़ाइन फॉर्म में मांगी गई डिजिटल इनफार्मेशन को डेडिकेटेड वेब सर्वर में स्टोर करता है.

Form Attributes.

Form action – यहाँ यह फॉर्म में कलेक्ट डिजिटल इनफार्मेशन को डेडिकेटेड वेब सर्वर यूआरएल लोकेशन में सबमिट करता है.

Form method – यह फॉर्म में ऑनलाइन यूजर फॉर्म को सबमिट होने वाले लोकेशन को http प्रोटोकॉल लोकशन मेथड को इंडीकेट करता है.

Form GET method – फॉर्म गेट मेथड यूजर क्वेरी इनफार्मेशन डाटा को डेडिकेटेड वेब यूआरएल एड्रेस लोकेशन में ऐड या स्टोर करता है.

Form POST method – फॉर्म पोस्ट मेथड क्लाइंट रिक्वेस्ट आर्डर में डाटा को डेडिक्टेड वेब सर्वर को सेंड या अपलोड करता है.

Form enctype – यह इंडीकेट करता है की यूजर फील डाटा को कैसे रीड या एनकोड किया जायेगा।

application/x-www-form-urlencoded (डिफ़ॉल्ट) – यूजर फील फ़ॉर्म डेटा को के वैल्यू आर्डर में रीड करने के लिए एनकोड करता है।

multipart/form-data – यहाँ आप फॉर्म में फाइल डाटा को डिजायर सर्वर लोकशन में अपलोड किया जाता है।

form text/plain – यह यूजर इनपुट फ़ॉर्म डिजिटल डेटा इनफार्मेशन को प्लैन टेक्स्ट के रूप में एनकोड करता है।

Example of a form in an HTML5 web page.

<! — Write desire form control here –>

</form>

HTML5 <input> tag.

एचटीएमएल5 वेब पेज में फॉर्म <input> टैग का उपयोग मल्टीप्ल टाइप के फ़ॉर्म इनपुट कण्ट्रोल को इनपुट या ऐड कर डिस्प्ले करने में किया जाता है, जैसे, इंटरनेट यूजर के लिए टेक्स्ट इनपुट फ़ील्ड टाइप, यूजर चेकबॉक्स सलेक्शन, मल्टीप्ल रेडियो बटन सिलेक्शन चॉइस, और कई अन्य प्रकार के अन्य फॉर्म यूजर इनपुट कण्ट्रोल चॉइस अवेलबल है।

HTML5 Input Attributes.

Form input type – यहाँ आप फॉर्म में इनपुट फॉर्म कण्ट्रोल के डिफ़ॉल्ट टाइप को डिफाइन करते हैं.

Input text type – फॉर्म में एक सिंगल-लाइन टेक्स्ट बेस्ड इनपुट फॉर्म फ़ील्ड को क्रिएट करता है।

Input password type – मौजूदा फॉर्म एक पासवर्ड फील्ड को इनपुट के रूप इनपुट कर यूजर से इनपुट पासवर्ड टेक्स्ट को यूनिक फॉर्मेट में इनपुट करता है।

Input email type – एचटीएमएल5 वेब पेज में ईमेल एड्रेस होल्डर इनपुट फॉर्म कण्ट्रोल को क्रिएट करता है।

Input checkbox type – एचटीएमएल5 वेब पेज में एक चेकबॉक्स इनपुट फॉर्म कण्ट्रोल को क्रिएट करता है।

Input radio type – एचटीएमएल5 वेब पेज में एक रेडियो बटन फॉर्म कण्ट्रोल को क्रिएट करता है।

Input submit button – एचटीएमएल5 वेब पेज में एक सबमिट फॉर्म बटन को क्रिएट करता है।

Input file dialog – मौजूदा एचटीएमएल5 वेब पेज में यूजर फाइल सिलेक्शन डायलॉग प्रोवाइड करता है।

Input name – फ़ॉर्म कण्ट्रोल नाम को डिफाइन करता है, इसे फॉर्म सबमिट के समय उपयोग किया जाता है।

Input value – यूजर फील फॉर्म इनपुट फ़ील्ड वैल्यू को डिफाइन करते है।

Input placeholder – मौजूदा एचटीएमएल5 वेब पेज में इनपुट फ़ील्ड के साथ एक डिस्क्रिप्शन प्रोवाइड करता है।

Form input control example in HTML5.

HTML5 <textarea> tag.

एचटीएमएल5 वेब पेज में <textarea> टैग इंटरनेट यूजर से सिंगल लाइन से मल्टीलाइन टेक्स्ट वैल्यू इनपुट को एंटर या इनपुट के रूप में उपयोग करते है, इसे ऑनलाइन फॉर्म में यूजर डिटेल मैसेज डिस्क्रिप्शन, यूजर फीडबैक, या यूजर कमेंट के रूप में उपयोग किया जा सकता है।

HTML5 <textarea> tag attributes.

TextArea rows attributes – मौजूदा एचटीएमएल5 फॉर्म में विज़िबल फॉर्म रौस नंबर को इंडीकेट करता हैं।

TextArea columns attributes – मौजूदा एचटीएमएल5 फॉर्म में विज़िबल फॉर्म टेक्स्ट एरिया की करैक्टर विड्थ लिमिट को इंडीकेट करता है।

TextArea placeholder attributes – मौजूदा एचटीएमएल5 फॉर्म में विज़िबल टेक्स्ट एरिया फॉर्म इनपुट कण्ट्रोल के साथ एक कण्ट्रोल डिस्क्रिप्शन के रूप में ऐड किया जाता है।

Continue Reading On — https://vcanhelpsu.com

Introduction to the svg element for scalable vector graphics

So, let’s know the <svg> image features and function in HTML5 web page design development.

What is SVG?

SVG object basic syntax in HTML5.

<!– Write detail description about svg image graphics –>

</svg>

SVG Shape object properties.

SVG object width – Indicates the width of the current SVG shape viewport.

SVG object height – Indicates the height of the current SVG image shape object viewport.

SVG xmlns rendring – Indicates the XML rendering location for the design SVG object in the current web page, which is important for SVG shape object rendering.

Create Shapes with HTML5 SVG.

Create svg rectangular shape.

<!DOCTYPE html>

<head>

<body>

</svg>

</svg>

</body>

</html>

Create a circle shape in SVG.

<!DOCTYPE html>

<head>

<body>

</svg>

</svg>

</body>

</html>

Create an ellipse shape in SVG.

<!DOCTYPE html>

<head>

<body>

</svg>

</svg>

</body>

</html>

Continue Reading On — https://vcanhelpsu.com

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

Introduction to the svg element for scalable vector graphics html in hindi

So let’s know the <svg> image features and function in HTML5 web page design development.

SVG क्या है?

SVG object basic syntax in HTML5.

<!– Write detail description about svg image graphics –>

</svg>

SVG Shape object properties.

SVG object width – मौजूदा SVG शेप व्यूपोर्ट की विड्थ को इंडीकेट करता है।

SVG object height – मौजूदा SVG इमेज शेप ऑब्जेक्ट की व्यूपोर्ट की हाइट को इंडीकेट करता है।

Create Shapes with HTML5 SVG.

Create svg rectangular shape.

<!DOCTYPE html>

<head>

<body>

</svg>

</svg>

</body>

</html>

Create a circle shape in SVG.

<!DOCTYPE html>

<head>

<body>

</svg>

</svg>

</body>

</html>

Continue Reading On — https://vcanhelpsu.com

Creating accessible forms

So, let’s know all the factors and features to create an accessible form in an HTML5 web page.

Use of HTML5 Semantic HTML.

Where as in HTML5 form, use <label>, <input>, <textarea>, <select>, etc. in the required form tag element in the input form control to be collected.

Example of form semantic tag control.

<!DOCTYPE html>

<head>

<title>Example of form semantic tag control. </title>

</head>

<legend>Employee Data</legend>

<label for=”empname”>Employee Name – </label>

<label for=”mobile”>Mobile – </label>

<label for=”email”>Email – </label>

</fieldset>

</body>

</html>

Add clear labels to HTML5 form input controls.

Example of form label control.

<!DOCTYPE html>

<head>

<title>Example of form label control. </title>

</head>

<label for=”visitorname”>Visitor name – </label>

</body>

</html>

Continue Reading On — https://vcanhelpsu.com

Creating accessible forms html in hindi

So, let’s know all the factors and features to create an accessible form in an HTML5 web page.

Use of HTML5 Semantic HTML.

Example of form semantic tag control.

<!DOCTYPE html>

<head>

<title>Example of form semantic tag control. </title>

</head>

<legend>Employee Data</legend>

<label for=”empname”>Employee Name – </label>

<label for=”mobile”>Mobile – </label>

<label for=”email”>Email – </label>

</fieldset>

</body>

</html>

Add clear labels to HTML5 form input controls.

Example of form label control.

<!DOCTYPE html>

<head>

<title>Example of form label control. </title>

</head>

<label for=”visitorname”>Visitor name – </label>

</body>

</html>

Continue Reading On — https://vcanhelpsu.com

Form validation attributes: required, pattern, min, max html in hindi

Form validation attributes: required, pattern, min, max in hindi

So let us know the multiple form attributes and features in HTML5 better.

Form required attribute.

Example of Form required attribute.

<form>

<label for=”empname”>Employee Name – </label>

</form>

Form Required Attributes Behavior.

Form Pattern Attribute.

Example of form pattern attributes.

<form>

</form>

Form Pattern Attributes Explanation.

Form Pattern Behavior.

Form Min attribute.

Example of Form Min attribute.

<form>

<label for=”yourage”>Enter Your Age – </label>

</form>

Form Min attribute explanation.

Continue Reading On — https://vcanhelpsu.com

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

New input types in HTML5: email, url, date, range, color

So, let’s get to know the new form controls in HTML5 better.

HTML5 Email Input Data Type.

HTML5 Email Input Data Type Attributes.

Email keyboard – The email keyboard attribute displays a digital keyboard to enable Internet users to enter email information on portable mobile devices while filling out online forms.

HTML5 Email Input Data Type Attributes example.

<label for=”youremail”> Your Email – </label>

HTML5 Email Input Data Attributes.

Email Pattern Attributes – Here you can use regular expressions to add a custom email address format to the input email address in the existing form.

Email validation example.

HTML5 url input type.

HTML5 url input type attributes.

URL keyboard attributes – These attributes display a digital keyboard for the form user to enter the URL address in the portable cellphone device.

Example of HTML5 url input type.

<label for=”website”>Url Domain -</label>

HTML5 date input type.

HTML5 date input type attributes.

Date selector attributes – Date selector provides user interface dialog window for entering date in form in HTML5 web page.

Date validation attributes – It validates the form date input field validity entered in existing form, where user entered or selected date is properly valid and in proper syntax order or not.

Example of HTML5 date input type.

<label for=”joindate”>joindate – </label>

Other date input attributes.

Min and Max attributes – You can manually set the minimum and maximum date range for the date entered in the current form.

Date value attributes – In HTML5 web page forms, the web developer fixes and displays a default date.

Date input range Example.

Continue Reading On — https://vcanhelpsu.com

New input types in HTML5: email, url, date, range, color in hindi

New input types in HTML5: email, url, date, range, color html in hindi

So, let’s get to know the new form controls in HTML5 better.

HTML5 Email Input Data Type.

HTML5 Email Input Data Type Attributes.

HTML5 Email Input Data Type Attributes example.

<label for=”youremail”> Your Email – </label>

HTML5 Email Input Data Attributes.

Email validation example.

HTML5 url input type.

HTML5 url input type attributes.

Example of HTML5 url input type.

<label for=”website”>Url Domain -</label>

HTML5 date input type.

HTML5 date input type attributes.

Example of HTML5 date input type.

<label for=”joindate”>joindate – </label>

Other date input attributes.

Date input range Example.

Continue Reading On — https://vcanhelpsu.com

Form elements: form, input, textarea, button, select, label html in Hindi

So, let’s analyze the multiple form input controls in HTML5 web page.

HTML5 <form> tag.

Form Attributes.

Form enctype – यह इंडीकेट करता है की यूजर फील डाटा को कैसे रीड या एनकोड किया जायेगा।

Example of a form in an HTML5 web page.

<! — Write desire form control here –>

</form>

HTML5 <input> tag.

HTML5 Input Attributes.

Input submit button – एचटीएमएल5 वेब पेज में एक सबमिट फॉर्म बटन को क्रिएट करता है।

Input value – यूजर फील फॉर्म इनपुट फ़ील्ड वैल्यू को डिफाइन करते है।

Form input control example in HTML5.

HTML5 <textarea> tag.

HTML5 <textarea> tag attributes.

Continue Reading On — https://vcanhelpsu.com

Top Posts Tagged with #htmlcode | Tumlook

Trending Tags

Last Seen Tags

#htmlcode

Trending Tags

Last Seen Tags

#htmlcode