投稿

多行文本框的认识以及代码详解

Vedu • • 程序开发 • 阅读 1192

多行文本框< 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类型一起使用

多行文本框的认识以及代码详解

代码示例：

 

用户名：< input type=”text”/>

< p>< lable>密码：< input type=”password”/>< /lable>< /p>

 

图例为：

多行文本框的认识以及代码详解

 

< label for=”pwd”>记住密码< /label>

< input type=”checkbox” name=”pwd” id=”pwd”/>

 

图例为：

多行文本框的认识以及代码详解

< fieldset>元素集

fieldset元素可将表单内的相关元素分组，通常和legend标签一起用，legend标签定义了fieldset的提示信息，fieldset十块元素

代码示例：

< body>

< fieldset>

< legend>健康信息< /legend>

身高：< input type=”text” />< br>

体重：< input type=”text” />

< /fieldset>

< /body>

图例为：

多行文本框的认识以及代码详解

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/procedure/10819.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2020-09-02 17:19
下一篇 2020-09-02 17:22

相关推荐

发表评论

登录后才能评论