2014-10-09 104 views
-5

我很困惑。我已經搜索了一個小時來解釋這個。如何製作(模擬)銀行系統?

這是交易。我想製作一個(模擬)銀行登錄系統。我想要一個用戶名和密碼登錄框,並且當你點擊一個說Login的按鈕時,它就會讓用戶訪問特定的網頁。目前,我不在乎它多久或複雜,我只想使用HTML,CSS和Javascript。我現在只知道那些語言。這看起來很簡單,但我無法在互聯網上找到它,而且我很困惑。如果有人能幫助我,那會很好。

+4

Hello Simon,歡迎來到Stack Overflow。雖然我們很樂意回答與編碼相關的問題,但請注意,這些問題(無代碼)最終可能會被刪除。如果您已經嘗試了一些代碼,請編輯您的問題並將其包含在此處。那麼我們可以幫助你解決問題。 – worldofjr 2014-10-09 00:31:02

+0

另一方面,請注意,僅客戶端身份驗證僅適用於不知道任何JavaScript的人。對於服務器端身份驗證,可以採用兩種方式:首先,htaccess身份驗證(假設Apache服務器)不需要編碼([本站點](http://www.htaccesstools.com/htaccess-authentication/)可以讓您開始很快);另一種是編寫你自己的服務器端解決方案,如果不學習其他語言,你可能無法做到這一點(因爲你的託管很可能不會支持像node.js這樣的JavaScript解決方案)。 – Amadan 2014-10-09 00:38:36

回答

0

在HTML中編寫簡單表單時,需要注意幾個要素;

<form>標籤

這是你描述你想要什麼樣的形式做,發送到什麼位置。

我不會瀏覽這裏的所有選項,但是當您希望用戶提交詳細信息時,通常使用post方法。我們用代碼method='post'來做到這一點。

然後您需要說明您發送表單的位置,該表單通常是具有某種腳本功能的另一個網頁,例如PHP,ASP.net或類似網頁。我們使用代碼action='process.php'來執行此操作,其中process.php是表單發送到的頁面。使用服務器端語言更可能是處理表單的可接受的解決方案。

我們可以把這兩個部分,稱爲參數,放在<form>這樣的標籤裏面;

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

<input>元素

對於這種形式的目的,我們將注意力集中在文本輸入元素。

在最簡單的形式中,輸入元素只需要一個name和一個type。該名稱是一個標識符,所以我們知道在處理表單時在什麼字段中輸入了什麼信息。該類型可以是textpassword,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>標記結束您的表單。

希望這會有所幫助。

+0

「我只想使用HTML,CSS和Javascript」 - 將處理表單的內容是什麼? – Amadan 2014-10-09 01:01:21

+0

@Amadan我會假設你沒有讀過這一點。 「另一個具有某種腳本功能的網頁,例如PHP,ASP.net或類似的服務器端語言使用,更有可能成爲處理表單的可接受的解決方案。」 – worldofjr 2014-10-09 01:06:13

+0

我知道OP說了些什麼。來自你的評論和我在答案中的解釋應該足夠了。 – worldofjr 2014-10-09 01:07:23