文本框换行_多行文本框的认识以及代码详解
本文創(chuàng)建于2020年9月，以下為正文：
多行文本框< textarea>< /textarea>是什么呢？
單行文本框只能輸入一行信息，而多行文本框可以輸入多行信息。比如說在百度搜索欄寫再多的內(nèi)容都不會(huì)換行，例如是個(gè)人信息，興趣愛好等內(nèi)容多的就會(huì)用到這個(gè)文本框。
屬性：
cols：這文字區(qū)塊的寬度
rows：這文字區(qū)塊的行數(shù)，即其高度
< textarea name="" id="" cols="30" rows="10">< /textarea>
代碼示例：
< body>
< textarea cols="30" rows="10">個(gè)人介紹< /textarea>
< /body>
圖例為：
< label>< /lable>
標(biāo)簽為input元素定義標(biāo)注，lable是input的描述，它本身不會(huì)有特殊效果，但它和其它input標(biāo)簽使用可以提升用戶的使用體驗(yàn)，用戶不用非得點(diǎn)擊到按鈕，而是點(diǎn)擊文字即可選中，如“記住密碼”
< 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>標(biāo)簽一般和radio、checkbox類型一起使用
代碼示例：
<body>
<!--
lable使用方法：
1.直接使用lable標(biāo)簽包裹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元素可將表單內(nèi)的相關(guān)元素分組，通常和legend標(biāo)簽一起用，legend標(biāo)簽定義了fieldset的提示信息，fieldset十塊元素
代碼示例：
< body>
< fieldset>
< legend>健康信息< /legend>
身高：< input type="text" />< br>
體重：< input type="text" />
< /fieldset>
< /body>
圖例為：
（ps:如果您覺得有用，請(qǐng)點(diǎn)贊轉(zhuǎn)發(fā)，讓更多人看到）
總結(jié)
以上是生活随笔為你收集整理的文本框换行_多行文本框的认识以及代码详解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： c99变长数组_你学过数组，那你知道柔性
- 下一篇： 如何将四元数方向转化为旋转举证_旋转表示