<html> <head> <meta charset="utf-8"> <title>單行文本框與多行文本框</title> <style> .test{ width:5em; border:1px solid #000000; word-wrap:break-word; } </style> </head> <body> 文本輸入框（input） <br/> type 屬性<br/> --type=“text”表示文本輸入框<br/> value 屬性<br/> --文本框的值<br/> name屬性<br/> --必須的，提交表單時此文本框的值value存儲在name變量中。<br/><br/> <input type="text" name=“input1" value="你好" /><br/> maxlength 屬性<br/> --文本框允許輸入的最多的字符數<br/> tabindex 屬性 **********************<br/> --用戶點擊tab按鍵時焦點的切換順序（從1開始）<br/> disabled屬性<br/> --不可用<br/> readonly屬性<br/> --只讀<br/><br/> Disabled和readonly的區別？<br/> disabled的文本框顯示為灰色<br/> tabindex對disabled的文本框不起作用<br/> disabled的文本框的值不會發送到服務器<br/><br/> 密碼輸入框（input）<br/> --用於輸入密碼，輸入的密碼以星號顯示。<br/> 如果表單的 method=’get’，則點擊提交按鈕時，URL地址變成：<br/> http://localhost:4346/DEMO/form/password.htm?password1=123456<br/> 所以，一般用戶登陸的表單需要用POST提交方式。<br/> -------------------------------------------------------------------------------<br/> 多行文本輸入框（textarea） *****************<br/> 用於輸入多行文本，如果輸入內容過長，則會自動顯示滾動條。<br/> 注：實現自動換行的功能：寫一個css,如下<br/>
<textarea class="test" style="width:150px"></textarea>
<hr/>
<!--
rows="6" cols="6"
在IE瀏覽器中一行會顯示6個英文字符或3個中文字符，而其他瀏覽器卻是會顯示8個英文字符或4個中文字符，因為滾動條占兩個英文字符
-->
<center>
<textarea rows="6" cols="6"></textarea>
</center>
<textarea rows="6" cols="6" style="margin-left:20%"></textarea><br/><!--margin-left表示距離當前窗口左邊的距離-->
<textarea rows="6" cols="6" style="align:center"></textarea><!--align表示水平對齊的方式-->
</body>
</html>