如何从HTML表单中收集数据

Question

我想要创建一个公司的网站，其中有一个就业部分，将有一个表格，以收集从要求就业的雇员的数据。如何执行以及数据将被存储在何处？

Answer 1

<div>
        <input type="text" id="txtName" placeholder="Enter your name" />
    </div>
    <div>
        <input type="text" id="txtAge" placeholder="Enter your age" />
    </div>
    <div>
        <input type="text" id="txtEmail" placeholder="Enter your email address" />
    </div>
    <div>
        <select id="selCountry">
            <option selected value="">-- Choose the country --</option>
            <option value="India">India</option>
            <option value="Japan">Japan</option>
            <option value="USA">USA</option>
        </select>
    </div>
    <div>
        <textarea id="msg" name="msg" placeholder="Write some message ..." style="height:100px"></textarea>
    </div>

    <!--Add to button to save the data.-->
    <div>
        <input type="button" id="bt" value="Save data to file" onclick="saveFile()" />
    </div>
</div>

设saveFile = () => {

    // Get the data from each element on the form.
    const name = document.getElementById('txtName');
    const age = document.getElementById('txtAge');
    const email = document.getElementById('txtEmail');
    const country = document.getElementById('selCountry');
    const msg = document.getElementById('msg');
    
    // This variable stores all the data.
    let data = 
        '\r Name: ' + name.value + ' \r\n ' + 
        'Age: ' +age.value + ' \r\n ' + 
        'Email: ' + email.value + ' \r\n ' + 
        'Country: ' + country.value + ' \r\n ' + 
        'Message: ' + msg.value;
    
    // Convert the text to BLOB.
    const textToBLOB = new Blob([data], { type: 'text/plain' });
    const sFileName = 'formData.txt';      // The file to save the data.

    let newLink = document.createElement("a");
    newLink.download = sFileName;

    if (window.webkitURL != null) {
        newLink.href = window.webkitURL.createObjectURL(textToBLOB);
    }
    else {
        newLink.href = window.URL.createObjectURL(textToBLOB);
        newLink.style.display = "none";
        document.body.appendChild(newLink);
    }

    newLink.click(); 
}