Question

我很困惑。我已经搜索了一个小时的解释。

这是这笔交易。我想建立一个（模拟）银行登录系统。我想要一个用户名和密码登录框，当你点击一个显示Login的按钮时，我想拥有它，它将用户带到一个特定的网页。目前，我不关心它的长度或复杂程度，我只想使用HTML，CSS和Javascript。我目前只知道这些语言。这似乎很简单，但我无法在互联网上找到它，我很困惑。如果有人可以帮助我，那就太好了。

Answer 1

在HTML中编写简单表单时需要注意一些元素;

<form>代码

您可以在此处描述表单的用途和发送位置。

我不会在此处查看所有选项，但是当您希望用户提交详细信息时，通常会使用post方法。我们使用代码method='post'执行此操作。

然后，您需要说明您发送表单的位置，这通常是具有某种脚本功能的其他网页，例如PHP，ASP.net或类似内容。我们使用代码action='process.php'执行此操作，其中process.php是表单发送到的页面。使用服务器端语言更有可能成为处理表单的可接受解决方案。

我们可以将这两个部分（称为参数）放在<form>标记中，如下所示;

<form method='post' action='process.php'>

<input>元素

出于本表的目的，我们将专注于文本输入元素。

在最简单的形式中，输入元素只需要name和type。该名称是一个标识符，因此我们知道在处理表单时在哪个字段中输入了哪些信息。类型可以是text，password，email，date以及其他一些类型。我们将在这里使用前两个，因此代码看起来像。

Username: <input type="text" name="username"><br>
Password: <input type="password" name="password"><br>

<br>表示我们希望新行上的下一部分内容。

提交按钮

不要忘记提交的按钮。代码是;

<input type="submit" value="Submit">

不可能更简单（您可以通过更改value来更改按钮上的文字。）

成品

让我们把它们放在一起;

<form method='post' action='process.php'>
   Username: <input type="text" name="username"><br>
   Password: <input type="password" name="password"><br>
   <input type="submit" value="Submit">
</form>

不要忘记使用结束</form>标记结束您的表单。

希望这有帮助。

我如何建立（模拟）银行系统？

1 个答案: