html中创建⽂本框,HTML创建⽂本框的3种⽅式我的第⼀个随笔，记录主要⽤来整理学习的知识点
1.input 创建单⾏⽂本框
size ：指定⽂本框中能够显⽰的字符数。
value：设置⽂本框的初始值
maxlength ：指定⽂本框可以接收的最⼤字符数
type="text"：是定义单⾏的输⼊字段，⽤户可在其中输⼊⽂本。默认宽度为20个字符
2.创建多⾏⽂本框
text2
是多⾏⽂本框，需要指定⽂本框的⼤⼩。
rows：指定的是⽂本框的字符⾏数。
cols：指定的是⽂本框的字符列数。
input 和不同之处
1.多⾏显⽰字符串。input只能单⾏显⽰
2.的初始值必须要放在和之间
3.input是单标签 ，是闭合标签
4.的值是纯⽂本；的值根据类型不同⽽不同；
3.div 模拟textarea
HTML创建⽂本框的3种⽅式
.test3{
border:1px solid #a0b3d6;/*设置边框1px，实线，边框线⾊为#a0b3d6 */
width: 500px;
min-height: 200px;
font-size: 14px;html内容文本框
padding: 4px;
color: #333;
outline:0; /* 当元素获得焦点的时候，焦点框为0.去掉虚线框(或⾼亮框)*/
}
/* 当输⼊框为空时，显⽰默认⽂字 */
.test3:empty::before{
content:attr(placeholder); /*获取属性的值 attr(value)，可以获得属性值 */
color: #999;
}
contentEditable='true': ture设置为可编辑⽂本内容， false为不可编辑
contenteditable="true"复制粘贴的时候不能过滤html标签；
div 和 textare⽂本框的不同之处
1.div可以使标签⾼度随着⽂本内容⾼度⾃动撑开。使⽤标签。但是标签⾼度不会随⽂本⾼度⾃动撑开，⽽是出现滚动条

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。