HTML <input> width एट्रिब्यूट

<input> एलिमेंट का width एट्रिब्यूट

<input> एलिमेंट का width एट्रिब्यूट केवल type="image" के साथ उपयोग किया जाता है और आपको <input type="image"> का उपयोग करके जोड़ी गई इमेज की चौड़ाई सेट करने की अनुमति देता है।

width एट्रिब्यूट HTML5 में पेश किया गया था और सबमिट बटन के रूप में कार्य करता है।

वाक्यविन्यास (Syntax)

<input width="pixels">

ऊपर, width पिक्सेल में चौड़ाई दर्शाता है।

उदाहरण

नीचे एक फॉर्म है जहां सबमिट बटन के लिए एक इमेज का उपयोग किया गया है और उसकी चौड़ाई/ऊंचाई सेट की गई है:

<!DOCTYPE html>
<html>
<body>
<h2>Register</h2>
<form action="" method="get">
     Id - <input type="text" name="id" placeholder="Enter UserId here..." size="25"><br>
     Password - <input type="password" name="pwd" placeholder="Enter password here..."><br>
     DOB - <input type="date" name="dob"><br>
     Telephone - <input type="tel" name="tel" placeholder="Enter mobile number here..."><br>
     Email - <input type="email" name="email" placeholder="Enter email here..." size="35"><br><br>
     <input type="image" src="go.jpg" alt="Submit" width="120" height="60">
</form>
</body>
</html>

आउटपुट

फॉर्म एक इमेज बटन के साथ प्रदर्शित होगा (चौड़ाई 120px, ऊंचाई 60px):

कोड विश्लेषण

उपरोक्त उदाहरण में, हमारे पास एक फॉर्म है जिसमें एक बटन के लिए हम एक इमेज जोड़ रहे हैं:

<form action="" method="get">
     Id - <input type="text" name="id" placeholder="Enter UserId here..." size="25"><br>
     Password - <input type="password" name="pwd" placeholder="Enter password here..."><br>
     DOB - <input type="date" name="dob"><br>
     Telephone - <input type="tel" name="tel" placeholder="Enter mobile number here..."><br>
     Email - <input type="email" name="email" placeholder="Enter email here..." size="35"><br><br>
     <input type="image" src="go.jpg" alt="Submit" width="120" height="60">
</form>

बटन के लिए इमेज फॉर्म कंट्रोल इनपुट टाइप इमेज के साथ जोड़ी गई है:

<input type="image" src="go.jpg" alt="Submit" width="120" height="60">

<input> width एट्रिब्यूट का उपयोग इस सेट इमेज की चौड़ाई सेट करने के लिए किया जाता है।

महत्वपूर्ण बिंदु

• केवल type="image" के लिए लागू होता है।
• height एट्रिब्यूट भी उपलब्ध है।
• alt एट्रिब्यूट आवश्यक है (एक्सेसिबिलिटी के लिए)।
• इमेज बटन फॉर्म सबमिट करता है और क्लिक निर्देशांक (x, y) सर्वर को भेजता है।