单行文本框与多行文本框

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

 

转载于:https://www.cnblogs.com/1020182600HENG/p/6057196.html

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页