文本框换行_多行文本框的认识以及代码详解
本文創建于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" />
*通過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:如果您覺得有用，請點贊轉發，讓更多人看到）
總結
以上是生活随笔為你收集整理的文本框换行_多行文本框的认识以及代码详解的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： c99变长数组_你学过数组，那你知道柔性
- 下一篇： 如何将四元数方向转化为旋转举证_旋转表示