2012-05-11 33 views
0

我在我的頁面上使用Google Translate工具進行網站的工作,並且工作正常,但是當我使用表單在頁面上檢查相同內容時,它不會更改輸入字段內寫入的值。谷歌翻譯工具不適用於輸入類型的文本值?

我錯過了什麼或谷歌翻譯工具不會這樣做嗎?

PFB我測試的片段:在HTML源,即使設定

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title>Untitled Page</title> 
</head> 
<body> 
<div id="google_translate_element"></div><script> 
             function googleTranslateElementInit() { 
              new google.translate.TranslateElement({ 
               pageLanguage: 'en', 
               autoDisplay: false, 
               layout: google.translate.TranslateElement.InlineLayout.SIMPLE 
              }, 'google_translate_element'); 
             } 
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 
<form> 
<input type="text" value="system" /> 

<select> 
<option value="welcome">Welcome</option> 
</select> 
<input type="radio" />Right? 
<input type="submit" value="Submit" /> 
</form> 
</body> 
</html> 
+0

在您的網站使用谷歌翻譯是不是一個好的選擇 http://stackoverflow.com/questions/10533501/best-way-to- make-website-for-multiple-languages/10533750#comment13628487_10533750 –

回答

2

顯然,谷歌網站翻譯不翻譯input元素值。我也使用textarea元素進行了測試,結果相同。但是,它確實通過除表單字段以外的元素來翻譯用戶輸入;這些元素可以使用contenteditable屬性創建,該屬性廣泛(儘管不是很普遍)supported in modern browsers。但是需要額外的措施來使翻譯的文本與表格一起提交(因爲它不會在表單域中)。

在我的書中Going Global with JavaScript and Globalize.js,我描述的一些問題在自動翻譯並表明,雖然它可能不是有小部件在網頁上,一般是一個好主意,它可能是用戶輸入有用。例如,考慮以英語進行討論的討論論壇。您可以添加允許所有人使用其母語的功能,讓其立即翻譯成英文,檢出並提交。有一個簡單的演示: Translation of user input。 (它使用contenteditable元素,並將翻譯內容寫入隱藏字段。)

+0

非常感謝您的輸入,這會做伎倆...... :) – manishekhawat