如何创建HTML网页表单？

我一直在做HTML网站一段时间，我一直担心制作表单，所以我使用表单生成器。如何创建HTML网页表单？

这次我决定自己想做。我知道的基本知识，一个形式看起来是这样的：

<form id="mail_form"> 
     <div> 
      <input type="text" name="subject" id="subject"/> 
     </div> 
     <div> 
      <textarea name="message" id="message"></textarea> 
     </div> 
     <div> 
      <input type="submit" name="submit" id="submit" value="Send"/> 
     </div> 
</form>

但使窗体实际工作，在您看来，是什么这样做既简单又有效的最佳方式？

谢谢

来源

2011-01-11 Tim

什么不行？ – 2011-01-11 09:21:34

你想使用哪种服务器技术？ – karlis 2011-01-11 09:23:19

首先，我建议配对形式到它的本质：

<form id="mail_form"> 
    <input type="text" name="subject" id="subject"/> 
    <textarea name="message" id="message"></textarea> 
    <input type="submit" name="submit" id="submit" value="Send"/> 
</form>

然后添加在一些语义信息：

<form id="mail_form"> 
    <label for="subject">Subject:</label> 
    <input type="text" name="subject" id="subject"/> 

    <label for="message">Message:</label> 
    <textarea name="message" id="message"></textarea> 

    <input type="submit" name="submit" id="submit" value="Send"/> 
</form>

然后使用fieldset元件段的形式进入相关的组件：

<form id="mail_form"> 
    <fieldset class="message"> 
     <label for="subject">Subject:</label> 
     <input type="text" name="subject" id="subject"/> 

     <label for="message">Message:</label> 
     <textarea name="message" id="message"></textarea> 
    </fieldset> 

    <fieldset class="submitReset"> 
     <input type="submit" name="submit" id="submit" value="Send"/> 
    </fieldset> 
</form>

此时，您需要将信息添加到form的开始标记给予的指令为你想在提交给发生什么，以及如何：

<form id="mail_form" action="http://path.to.server-side-script.com/script.php" method="post" <!-- or 'get' -->>

一旦提交按钮点击（或以任何方式提交表格），信息将被发送到位于“http://path.to.server-side-script.com/script.php”的服务器端/后端脚本。。

与JS不同，没有相同的域名政策可以担心，而你可以（尽管可能不应该）将信息提交给你的浏览器可访问的任何形式。

响应编辑由OP评论（质疑）：

...形式不发送。我正在寻找发送网页表单的最佳脚本。

你并不需要一个脚本来发送形式，所有你需要做的就是添加了action和method属性的form的开始标记。浏览器将自行处理所有提交。但是，您需要一个脚本来处理/处理服务器上的表单。但是这是另外一个问题，如果您提供有关后端/服务器端资源的详细信息，则只能回答。

来源

2011-01-11 09:25:19

您需要一个“后端”来完成这项工作。这通常是ASP或PHP。

当您点击“提交”按钮时，浏览器会将数据发送到后端，代码将根据提交的数据执行操作。通常它会将这些数据存储到数据库中。

你或许应该看看PHP它可能更容易进入和托管费用一般都比较便宜

来源

2011-01-11 09:24:35 Chris

您需要指定表单的动作和目标属性和方法（POST或GET）。

来源

2011-01-11 09:28:52 Nickolodeon

您需要将其发布到脚本以便可以处理它。

在标签中，您需要包含一个操作和方法属性。该操作指定将数据发送到的网页，并且该方法将如何发送。有两种方法可以使用POST或GET发送数据，但在您的情况下，POST可能是更好的选择。

你看起来就像这样：

myform.php

<form id="mail_form" action="mypost.php" method="POST"> 
     <div> 
      <input type="text" name="subject" id="subject"/> 
     </div> 
     <div> 
      <textarea name="message" id="message"></textarea> 
     </div> 
     <div> 
      <input type="submit" name="submit" id="submit" value="Send"/> 
     </div> 
</form>

你将不得不像下面这样来访问数据：

mypost.php

<?PHP 
    echo $_POST['subject']; 
    echo "\<br\>"; 
    echo $_POST['message']; 
?>

这只会打印出用户输入的值。您可以选择执行whate你想用它。

当然，这种方式只适用于PHP。您可以将操作设置为任何类型的文档，但需要一些服务器端脚本语言来检索和操作数据。

详情请参阅http://www.w3schools.com/php/php_forms.asp。

来源

2011-01-11 09:29:32 joshhendo

正如其他答复指出的那样，您需要一个服务后端来处理服务器中的请求。

如果您正在寻找与PHP的工作，我会建议你得到WAMP在您的计算机上运行的Apache/PHP，这里是一个非常简单的教程：http://www.w3schools.com/php/php_forms.asp

如果您计划使用ASP .NET ，你可以从http://www.asp.net获得软件，他们的网站上也有很好的教程。

您还可以使用其他服务器端程序，例如Python或Ruby。这都是探索和寻找你喜欢的问题。

来源

2011-01-11 09:30:15 Nican

如何创建HTML网页表单？

回答

相关问题