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