html5.0帆布文本框

我想畫一個登錄界面，所以我必須在繪製文本框輸入和按鈕提交！如果我通過使用輸入和按鈕標籤實現它，它會很容易！但我需要使用html5.0在畫布中繪製它們。我搜索了谷歌兩天，我找不到一個好主意！誰有經驗？幫我！在此先感謝！html5.0帆布文本框

來源

2009-08-29 user165273

使用HTML元素的登錄界面。 CSS風格。畫布不適合這種情況。 – hendry 2009-09-09 09:12:26

你想畫一個登錄界面到？我不太清楚你不會使用常規圖形，但是這裏有一個tutorial on the basics of how the canvas標籤的作品以及你可以用它做什麼。

來源

2009-08-29 11:03:17 Tom

我非常推薦使用這個HTML元素。您可以使用CSS定位將它們疊加在畫布上，因此它看起來就像是您在畫布上繪製的任何內容。

用帆布製作這純粹是非常具有挑戰性的。

首先，你需要創建程序繪製輸入框和按鈕。然後，你需要例程以不同的狀態繪製它們，例如按下按鈕時。您還需要編寫代碼來處理在文本框中顯示插入符號，用戶鍵入的字符，添加代碼以處理鍵事件以生成鍵，處理複製粘貼鍵組合，處理箭頭鍵以及單擊文字走動......

等等。

說真的。用HTML輸入元素來做。根據你的問題，這是最好的選擇。

來源

2009-08-29 11:07:02

我會同意，如果您想爲職業或實用目的這樣做，那麼你絕對應該使用HTML和使用絕對定位和透明背景在畫布上以覆蓋它。

但是，如果你只是在做這是一個挑戰，那麼，作爲賈尼說，你需要編寫程序的文本字段，插入符號，和按鈕。然後，編寫一個函數，該函數將觸發onKeydown並檢查它們按下的鍵的代碼。然後在框中畫出相應的字母（unicode是否在canvas中工作？）。您也可以在這裏處理箭頭鍵和回車鍵。確保假定用戶時，會打字沒有其他元素或瀏覽器元素的目標。

祝你好運:)

來源

2012-02-07 00:23:18 B1CL0PS

html5.0帆布文本框

回答

相關問題