<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="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>