javascript - 如何从表单中获取数据?

标签 javascript html css forms

我有一个网站表单,人们可以在其中下订单。我有一个包含正确输入的 form 和一个 submit 按钮。问题是,我真的不知道有什么方法可以获取用户输入的信息。它应该创建一个 txt 文件还是应该通过电子邮件将信息发送给我?那怎么办呢? 我根本没有使用过 php,如果可能的话,现在想避免使用它...

这是表格

HTML

<form id="TheForm">
            <div id="Row">
                <input type="text" id="Name" placeholder="*Förnamn" required>
                <input type="text" id="Surname" placeholder="*Efternamn" required>
            </div>      
            <div id="Row">
                <input type="email" id="FirstEmail" placeholder="*e-postadress" autocomplete="on" required>
                <input type="email" id="SecondEmail" placeholder="*Verifiera e-postadress" autocomplete="off" required>
            </div>
            <div id="Row">
                <input type="text" id="Town" placeholder="*Ort" required>
            </div>  
            <div id="Row">
                <input type="text" id="Address" placeholder="*Adress" required>
            </div>
            <div id="Row">
                <input type="text" id="PostCode" placeholder="*Postnummer" required>
            </div>
            <div id="Row">
                <input type="text" id="MobileNumber"  placeholder="*Mobilnummer" required>
                <input type="text" id="TelephoneNumber" placeholder="Telefonnummer">
            </div>
            <textarea id="Comment" placeholder="Förslag på hur vi skulle kunna förbättra oss!"></textarea>
            <input type="submit" id="Submit" value="Skicka">
        </form>

附言。占位符是瑞典语,所以不用担心 ;)

最佳答案

不要被 PHP 吓倒,它有很多资源可以帮助您,如果您决定选择它,那么您可以使用 POST 或 GET:

发布

HTML:

<form id="TheForm" action="data.php" method="POST">
<input type="text" id="Surname" placeholder="*Efternamn" required>

PHP:

$surname = $_POST["Surname"];
echo $surname;


获取

HTML:

<form id="TheForm" action="data.php" method="GET">
<input type="text" id="Surname" placeholder="*Efternamn" required>

PHP:

$surname = $_GET["Surname"];
echo $surname;

关于javascript - 如何从表单中获取数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20204939/

相关文章:

html - css中带有文本阴影的渐变文本

html - 如何让这个 search-results-div 显示在内容之上,而不干扰附近的 float 元素?

html - td 内容的对齐问题

html - 在 IE8 中选择填充

javascript - SetTimeout 和 ScrollTop 的奇怪行为

javascript - 将嵌套对象键映射到另一个键

javascript - 将 string.indexOf 的结果转换为 DOM 元素的引用路径

jquery - 如何将元素粘贴到页面滚动的同一位置?

Javascript .replace() 相同的字符不同的结果

javascript - 函数未在 javascript 中定义