我很困惑。我已經搜索了一個小時來解釋這個。如何製作(模擬)銀行系統?
這是交易。我想製作一個(模擬)銀行登錄系統。我想要一個用戶名和密碼登錄框,並且當你點擊一個說Login的按鈕時,它就會讓用戶訪問特定的網頁。目前,我不在乎它多久或複雜,我只想使用HTML,CSS和Javascript。我現在只知道那些語言。這看起來很簡單,但我無法在互聯網上找到它,而且我很困惑。如果有人能幫助我,那會很好。
我很困惑。我已經搜索了一個小時來解釋這個。如何製作(模擬)銀行系統?
這是交易。我想製作一個(模擬)銀行登錄系統。我想要一個用戶名和密碼登錄框,並且當你點擊一個說Login的按鈕時,它就會讓用戶訪問特定的網頁。目前,我不在乎它多久或複雜,我只想使用HTML,CSS和Javascript。我現在只知道那些語言。這看起來很簡單,但我無法在互聯網上找到它,而且我很困惑。如果有人能幫助我,那會很好。
在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>
標記結束您的表單。
希望這會有所幫助。
Hello Simon,歡迎來到Stack Overflow。雖然我們很樂意回答與編碼相關的問題,但請注意,這些問題(無代碼)最終可能會被刪除。如果您已經嘗試了一些代碼,請編輯您的問題並將其包含在此處。那麼我們可以幫助你解決問題。 – worldofjr 2014-10-09 00:31:02
另一方面,請注意,僅客戶端身份驗證僅適用於不知道任何JavaScript的人。對於服務器端身份驗證,可以採用兩種方式:首先,htaccess身份驗證(假設Apache服務器)不需要編碼([本站點](http://www.htaccesstools.com/htaccess-authentication/)可以讓您開始很快);另一種是編寫你自己的服務器端解決方案,如果不學習其他語言,你可能無法做到這一點(因爲你的託管很可能不會支持像node.js這樣的JavaScript解決方案)。 – Amadan 2014-10-09 00:38:36