<inputtype="text"id="test"value="格式為xxx@xxx.com"onfocus="cls()"onblur="res()"style="color:gray;"onkeyprese="pre(this)"/> pre=newfunction(el) { el.style.color="black"; } 開始的時候是灰色，一旦用戶輸入，變為黑色。
html文字換行的方法:
1.
在需要換行的文字后面插入“<br />”標簽即可實現換行操作;
2.
首先使用“<pre>”和“</pre>”包含文字,然后在需要換行的文字后使用“回車”鍵進行換行即可。
輸入一些文字，在這里為了方便展示，輸入一些文字。我們看一下實時視圖，可以看到，雖然我們在代碼中使用了回車，可是顯示出來的效果卻是沒有換行的。
方法1、插入單個空格和制表符
1、插入一個非間斷空格。一般來說，無論你按多少次空格鍵，HTML也只會在單詞之間顯示一個空白間隔。當你需要插入多個空格時，請輸入 或 代碼。 它們名為“空格占位符”，你輸入幾個，就能在頁面中顯示幾個空格。
之所以稱之為非間斷空格，是因為這樣不會產生換行符。如果你濫用這種空格，瀏覽器可能無法以整齊易讀的方式插入換行符。
2、插入不同寬度的空格。有多種字符實體可以讓瀏覽器顯示空格。不同的瀏覽器在顯示方式上可能會有一點不同，但是和 不同，它們不會影響換行：
? — “en空格”是根據字體排印學的計量單位命名，寬度是兩個普通空格的寬度
? — “em空格”大概是四個普通空格的寬度
3、使用非間斷空格模擬制表符。生成段落的一種方式就是在第一行前插入幾個空格： 。這個方法只適用于HTML，如果你使用CSS的話，不推薦這一方法(在其它步驟中會介紹別的方法)。
如果段落的內容是富文本，請使用“pre”標簽。
4、使用CSS生成段落。CSS的內邊距或外邊距給瀏覽器指明了具體的顯示格式，所以顯示效果的一致性較高。即使你不是很了解CSS，手邊也沒有說明表，也可以很容易地添加。下面將具體說明如何將整個段落移到右邊：
在HTML文檔的
部分，插入以下命令：“p.indent”定義了一個叫“indent”(可以隨意命名)的段落(標簽為p)。剩下的命令則是給段落左側添加內邊距空格。
返回HTML文檔的主體。每當你想添加段落時，在標簽中插入以下內容：
要調整縮進的數量，只需要更改CSS命令中的數字“1.8”即可。后面的“em”要保留，它是表示寬度的單位。
方法2、給長段落排版
1、使用預格式化的文本。“pre”元素可以定義預格式化的文本，會保留文本里的空格或換行符。因此，在
標簽里輸入的空格或回車鍵，會以空格或換行符的形式顯示出來。你可以用它來顯示代碼示例、詩歌或其它需要空格和換行的文本內容。
預格式化文本的一大缺陷在于它的寬度。它無法像普通超文本標記語言那樣，去調整頁面寬度，適應用戶的窗口大小。
2、創建換行符。標簽位于當前文本行的最后，可插入一個簡單的換行符。你可以輸入多個“br”標簽來創建多行空白行。這是HTML新手學生寫代碼的一個好方法，但是當你學習CSS時，會發現這種強制性的HTML樣式代碼是不被提倡的。、
3、用“p”標簽定義段落。p 元素會自動在其前后創建一些空白，因此，文本后的
如果你在最后審查文本和代碼時，看到一些額外的符號“浮”在代碼上，你需要仔細查看是不是有不完整的代碼，比如將“”寫成了“
CSS(層疊樣式表) 能夠對網頁中元素位置的排版(包括文本中的間隔)進行像素級精確控制，可以更好、更精確地編輯網頁對象和模型樣式。
不要在起始標簽后或結束標簽前輸入空格。例如，輸入“Spaces Tutorial”時，不要寫成“Spaces Tutorial ”。
非間隔字符( ) 是字符實體的一個范例。你無法從鍵盤上打出此類網頁字符，但能用對應的代碼來插入字符。