सबमिट बटन उपस्थिति को कैसे बदला जाए?

Question

मैं

<input type="submit" name="pay now" value="pay" /> 

मैं सबमिट बटन पर इस

<a href="#"><img src="images/shopping-cart/check-out-btn.png" border="0" /></a> 

की तरह लग रहे बनाने के लिए चाहते हैं, लेकिन कैसे करने के लिए अपने प्रस्तुत प्रकार

साथ रहना चाहिए इस सादे मेरी एचटीएमएल कोड में बटन उपस्थिति सबमिट करें वो करें ?

Answer 1

आप उस के लिए सीएसएस का उपयोग करना चाहिए:

input[type="submit"] { 
    background: url(images/shopping-cart/check-out-btn.png); 
    width: 200px; /* width of image */ 
    height: 50px; /* height of image */ 
    border: 0; 
} 

आप शायद हालांकि एक अधिक विशिष्ट चयनकर्ता का उपयोग करना चाहिए।

Answer 2

आप image करने के लिए input तत्व की type विशेषता स्थापना करके एक submit बटन में एक छवि बना सकते हैं:

<input type="image" src="/path/to/image.png"> 

अधिक जानकारी के लिए image Button State section of the HTML specification पढ़ें।

Answer 3

ऐसा करने का एक अच्छा तरीका बटन तत्व का उपयोग कर रहा है।

<button type="submit"><img src="images/shopping-cart/check-out-btn.png" border="0" /></button> 

यह टाइप = सबमिट के साथ नियमित इनपुट की तरह काम करता है, लेकिन आपके पास अधिक स्वतंत्रता है।