⽂本框换⾏_多⾏⽂本框的认识以及代码详解
本⽂创建于2020年9⽉，以下为正⽂：
多⾏⽂本框< textarea>< /textarea>是什么呢？
单⾏⽂本框只能输⼊⼀⾏信息，⽽多⾏⽂本框可以输⼊多⾏信息。⽐如说在百度搜索栏写再多的内容都不会换⾏，例如是个⼈信息，兴趣爱好等内容多的就会⽤到这个⽂本框。
属性：
cols：这⽂字区块的宽度
rows：这⽂字区块的⾏数，即其⾼度
< textarea name="" id="" cols="30" rows="10">< /textarea>
代码⽰例：
< body>
< textarea cols="30" rows="10">个⼈介绍< /textarea>
< /body>
图例为：
< label>< /lable>
标签为input元素定义标注，lable是input的描述，它本⾝不会有特殊效果，但它和其它input标签使⽤可以提升⽤户的使⽤体验，⽤户不⽤⾮得点击到按钮，⽽是点击⽂字即可选中，如“记住密码”
< label for="pwd">记住密码< /label>
< input type="checkbox" name="pwd" id="pwd" />textarea中cols表示
*通过label的for指向的按钮的id来绑定，for和id属性的值要相同
< form>
< label for="male">Male< /label>
< input type="radio" name="sex" id="male" />
< /form>
< label>标签⼀般和radio、checkbox类型⼀起使⽤
代码⽰例：
<body>
<!--
lable使⽤⽅法：
1.直接使⽤lable标签包裹input
-->
<p><lable>⽤户名：< input type="text"/></lable></p>
< p>< lable>密码：< input type="password"/>< /lable>< /p>
</body>
图例为：
<body>
<!--
lable使⽤⽅法：
2.通过lable的for指向按钮的id来绑定，for和id属性的值要相同
-->
< label for="pwd">记住密码< /label>
< input type="checkbox" name="pwd" id="pwd"/>
</body>
图例为：
< fieldset>元素集
fieldset元素可将表单内的相关元素分组，通常和legend标签⼀起⽤，legend标签定义了fieldset的提⽰信息，fieldset⼗块元素代码⽰例：
< body>
< fieldset>
< legend>健康信息< /legend>
⾝⾼：< input type="text" />< br>
体重：< input type="text" />
< /fieldset>
< /body>
图例为：
（ps：如果您觉得有⽤，请点赞转发，让更多⼈看到）

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