HTML फॉर्म कुछ "कार्रवाई" करते हैं जब सबमिट बटन दबाएं

मैं HTML रूपों के बारे में जानना चाहता हूं। उदाहरण के लिए, मेरे पास पहले नाम और अंतिम नाम और सबमिट बटन के लिए 2 इनपुट टेक्स्ट फ़ील्ड हैं। जब सबमिट बटन क्लिक किया जाता है, तो मैं वेबपृष्ठ को कुछ ऐसा प्रदर्शित करना चाहता हूं: आपका नाम "पहला नाम" "अंतिम नाम" है।HTML फॉर्म कुछ "कार्रवाई" करते हैं जब सबमिट बटन दबाएं

<!DOCTYPE html> 
<html> 
    <body> 
     <form> 
     First name: <input type="text" name="firstname" /><br /> 
     Last name: <input type="text" name="lastname" /><br /> 
     <input type="submit" value="Submit" /> 
     </form> 
    </body> 
</html>

क्या मैं आदेश कुछ "कार्रवाई" करने के लिए जब मैं उस बटन पर क्लिक करें में यहाँ की जरूरत है?

संपादित करें: ठीक है अब मुझे पता है कि मुझे यहां PHP या जावास्क्रिप्ट की आवश्यकता है। क्या कोई मेरे लिए संदर्भ के रूप में PHP या जेएस का नमूना कोड सुझा सकता है या प्रदान कर सकता है?

स्रोत

2012-06-12 Ronaldinho Learn Coding

आपका ''

ठीक है धन्यवाद, मैं इसके बारे में शोध करूंगा। –

ठीक है, मैं इस पर एक स्टैब ले जाऊंगा। यदि आप PHP के साथ काम करना चाहते हैं, तो आपको अपनी मशीन पर PHP और वेबसर्वर दोनों को स्थापित और कॉन्फ़िगर करना होगा। यह आलेख आपको प्रारंभ हो सकता है: PHP Manual: Installation on Windows systems

एक बार जब आपका पर्यावरण सेटअप हो जाए, तो आप वेबफॉर्म के साथ काम करना शुरू कर सकते हैं। सीधे लेख से: Processing form data with PHP:

इस उदाहरण के लिए आपको दो पेज बनाने की आवश्यकता होगी। पहले पृष्ठ पर हम कुछ डेटा एकत्र करने के लिए एक साधारण HTML फॉर्म तैयार करेंगे।
<html> 
<head> 
<title>Test Page</title> 
</head> 
<body> 
    <h2>Data Collection</h2><p> 
    <form action="process.php" method="post"> 
     <table> 
      <tr> 
       <td>Name:</td> 
       <td><input type="text" name="Name"/></td> 
      </tr> 
      <tr> 
       <td>Age:</td> 
       <td><input type="text" name="Age"/></td> 
      </tr> 
      <tr> 
       <td colspan="2" align="center"> 
       <input type="submit"/> 
       </td> 
      </tr> 
     </table> 
    </form> 
</body> 
</html> 
यह पृष्ठ पेज process.php के नाम और उम्र डेटा भेज देंगे: यहाँ एक उदाहरण है।

<?php 
    print "Your name is ". $Name; 
    print "<br />"; 
    print "You are ". $Age . " years old"; 
    print "<br />"; $old = 25 + $Age; 
    print "In 25 years you will be " . $old . " years old"; 
?>

आप जानते होंगे कि, यदि आप विधि = "पोस्ट" फ़ॉर्म का हिस्सा बाहर छोड़: HTML प्रपत्र हम बना से डेटा का उपयोग करने process.php बनाने की सुविधा देता , डेटा दिखाने के साथ यूआरएल। उदाहरण के लिए यदि आपका नाम बिल जोन्स है और आप 35 वर्ष के हैं, तो हमारी process.php पृष्ठ http://yoursite.com/process.php?Name=Bill+Jones&Age=35 के रूप में प्रदर्शित होगा यदि आप चाहते हैं, आप मैन्युअल रूप से इस तरह से URL बदल सकते हैं और आउटपुट तदनुसार बदल जाएगा।

अतिरिक्त जावास्क्रिप्ट उदाहरण

इस एकल फाइल उदाहरण JavaScript फ़ंक्शन कि 2 बक्सें के मूल्यों खींचती है और उन्हें एक में प्रदर्शित करता है के लिए अपने प्रश्न से एचटीएमएल लेता है और फार्म के ऑनसबमिट घटना बांध अलर्ट बॉक्स

नोट: document.getElementById("fname").valueID टैग कि fname के बराबर होती है के साथ वस्तु हो जाता है और उसके बाद खींचती है यह value है - जो इस मामले में पहला नाम पाठ बॉक्स में पाठ है।

<html> 
    <head> 
    <script type="text/javascript"> 
    function ExampleJS(){ 
     var jFirst = document.getElementById("fname").value; 
     var jLast = document.getElementById("lname").value; 
     alert("Your name is: " + jFirst + " " + jLast); 
    } 
    </script> 

    </head> 
    <body> 
     <FORM NAME="myform" onSubmit="JavaScript:ExampleJS()"> 

      First name: <input type="text" id="fname" name="firstname" /><br /> 
      Last name: <input type="text" id="lname" name="lastname" /><br /> 
      <input name="Submit" type="submit" value="Update" /> 
     </FORM> 
    </body> 
</html>

स्रोत

2012-06-13 00:31:09 xelco52

हाय! धन्यवाद! बहुत अच्छी व्याख्या! मेरे पास एक ऑनलाइन होस्ट और वेब-सर्वर तैयार है। मैं आपकी मदद पढ़ूंगा और कोशिश करूंगा। बस आपको यहां वापस जांचने और मुझे और मदद करने की आवश्यकता है :) –

मुझे PHP के साथ विचार मिला, इस मामले में मैं केवल एक HTML फ़ाइल की तरह कुछ आसान चाहता हूं, इसलिए मुझे पता है कि मुझे टैग पर कुछ प्रकार का जावास्क्रिप्ट फ़ंक्शन होना है, क्या आप वहां मेरी मदद कर सकते हैं? –

मेरे उत्तर – xelco52

अनुक्रमणिका।एचटीएमएल

<!DOCTYPE html> 
<html> 
    <body> 
     <form action="submit.php" method="POST"> 
     First name: <input type="text" name="firstname" /><br /><br /> 
     Last name: <input type="text" name="lastname" /><br /> 
     <input type="submit" value="Submit" /> 
     </form> 
    </body> 
</html>

कि एक और फ़ाइल जो पेज आप सबमिट बटन दबाने

submit.php के बाद प्रदर्शित करना चाहते हैं के बाद

<html> 
    <body> 

    Your First Name is - <?php echo $_POST["firstname"]; ?><br> 
    Your Last Name is - <?php echo $_POST["lastname"]; ?> 

    </body> 
</html>

स्रोत

2015-10-30 06:07:46

HTML फॉर्म कुछ "कार्रवाई" करते हैं जब सबमिट बटन दबाएं

उत्तर

संबंधित मुद्दे