Complete Form Example

วชิรญาณ์ แผ้วภิรมย์ 640710063

เนื้อหาในส่วนของ Complete Form Example (C)

C จะไม่มีฟังก์ชันในการสร้างแบบฟอร์มเว็บโดยตรง แต่จะใช้การรับข้อมูลต่างๆผ่านตัวคอนโซน เพื่อรับinputและนำมาจัดเก็บไว้ในตัวแปร จะเป็นการจัดเก็บข้อมูลแบบง่ายๆ แต่จะไม่มีการจัดการกับฟอร์มบนเว็บ

เนื้อหาในส่วนของ Complete Form Example (JavaScript)

JavaScript จะใช้ร่วมกับHTML โดยจะสร้างด้วยHTML เมื่อผู้ใช้งานเริ่มกรอกแบบฟอร์มเสร็จและกดส่งJavaScriptจะเริ่มตรวจสอบข้อมูลและแสดงผลหรือส่งข้อมูลไปยังเซิร์ฟเวอร์

เนื้อหาในส่วนของ Complete Form Example (Python)

Python จะรับรู้ข้อมูลผ่านคอนโซนโดยใช้ฟังก์ชัน input() และจัดเก็บข้อมูลที่ได้มาไว้ในตัวแปรที่กำหนดต่างๆ และในภาษานี้สามารถประมวลผลและแสดงข้อมูลได้โดยตรง

ในส่วนของเนื้อหาจะเปรียบเทียบทั้ง3ภาษาที่กล่าวมาได้ว่าในส่วนของPythonสามารถประมวลผลและเข้าถึงข้อมูลได้โดยตรงไม่จำเป็นต้องทำงานร่วมกับอย่างอื่นคล้ายกับในภาษาCเพราะในCจะใช้ตัวคอนโซนเพื่อรับข้อมูลมาเก็บไว้ในตัวแปร2ภาษาที่กล่าวมามีการทำงานที่ง่ายต่อการใช้งานของผู้ใช้มากกว่าJavaScriptแต่ในJavaScriptจะไม่สามารถเข้าถึงข้อมูลได้โดยตรงต้องใช้HTMLมาทำงานร่วมโดยใช้เก็บข้อมูลที่ผู้ใช้กรอกเข้ามา

ตัวอย่าง Complete Form Example (C)

#include <stdio.h>

int main() {
    char name[30]; 
    int weight; 

    printf("Enter your name: ");
    scanf("%s", name); 

    printf("Enter your weight: ");
    scanf("%d", &weight);

    printf("Your name is %s and you have %d.\n", name, weight);

    return 0;
}

จากตัวอย่าง

จะประกาศตัวแปร name เป็น array เก็บข้อมูลเป็น string หรือเรียกง่ายๆคือตัวอักษร

ตัวแปร weight เป็น integer เก็บข้อมูลเป็นตัวเลข

scanf() จะเป็นคำสั่งที่เอาไว้ใช้รับข้อมูลจากผู้ใช้

print() จะใช้ในการแสดงผลข้อมูล จากโค้ดตัวอย่างที่สร้างขึ้นมาจะแสดงผลจากชื่อตามด้วยน้ำหนัก

ตัวอย่างComplete Form Example (JavaScript)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form Example</title>
    <script>
        function handleSubmit() {
            const name = document.getElementById("name").value;
            const weight = document.getElementById("weight").value;
            alert(`Your name is ${name} and you have ${weight}.`);
            return false;
        }
    </script>
</head>
<body>
    <form onsubmit="return handleSubmit()">
        <label for="name">Name:</label>
        <input type="text" id="name" name="name" required><br><br>

        <label for="weight">Age:</label>
        <input type="number" id="weight" name="weight" required><br><br>

        <input type="submit" value="Submit">
    </form>
</body>
</html>

จากตัวอย่าง

HTMLจะสร้างช่องสำหรับเก็บข้อมูล จากโค้ดจะสร้างขึ้นมาสองช่องเอาไว้เก็บข้อมูลชื่อและน้ำหนัก

ชื่อ <input type="text" id="name"

น้ำหนัก<input type="number" id="weight"

เมื่อผู้ใช้กด submit จะเรียกใช้คำสั่ง handleSubmit()

alert(`Your name is ${name} and you have ${weight}.`); จะเอาไว้ใช้แสดงผลข้อมูลที่ได้มาจากผู้ใช้

ตัวอย่างComplete Form Example (Python)

def form_example():
    name = input("Enter your name: ") 
    weight = int(input("Enter your weight: ")) 
    print(f"Your name is {name} and you have {weight}.") 

form_example()

จากตัวอย่าง

input() เอาไว้รับข้อมูลจากผู้ใช้ จากตัวอย่างในโค้ดจะรับเป็นสองค่าคือค่าstringและintrgerเป็นการรับข้อมูลชื่อและน้ำหนัก

print()เป็นการแสดงผลจากข้อมูลที่ได้มาจากผู้ใช้ จะใช้string formatting ในการแสดงผลลัพธ์

Reference

อ้างอิง เนื้อหาส่วนComplete Form Example (C)

ได้ข้อมูลมาจาก https://www.geeksforgeeks.org/scanf-in-c/ การใช้งานฟังก์ชัน scanf() ในการรับข้อมูล และการใช้งาน print() เพื่อแสดงผลข้อมูล

อ้างอิง เนื้อหาส่วนComplete Form Example (JavaScript)

ได้ข้อมูลมาจาก https://developer.mozilla.org/en-US/docs/Learn/Forms สร้างฟอร์ม HTML ใช้ JavaScript ในการรับค่าจากฟอร์มและแสดงข้อมูลผ่านการแจ้งเตือนผ่าน (alert)

อ้างอิง เนื้อหาส่วนComplete Form Example (Python)

ได้ข้อมูลมาจาก https://docs.python.org/3/library/functions.html#input การใช้งานฟังก์ชัน input() ใน Python เพื่อรับข้อมูลจากผู้ใช้ทางคอนโซล และ print() เพื่อแสดงผลลัพธ์

PreviousValidate E-mail and URL NextDate and Time

Last updated 1 year ago

hashtagReference

Reference