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

多行文本框< 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

发表评论

登录后才能评论