多行文本框的认识以及代码详解
多行文本框< 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>
图例为:
![多行文本框的认识以及代码详解 多行文本框的认识以及代码详解](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk0Mi9kNjA4NDhhMzI4YmExMjE3ODEwZGQxOGVlNjFjNWE2Ni5wbmc=)
![多行文本框的认识以及代码详解 多行文本框的认识以及代码详解](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ3My8zMjliYzJhYTk3YzQ2ODQ0ZDc0MGNkNWE4M2YyNzZiOS5wbmc=)
(ps:如果您觉得有用,请点赞转发,让更多人看到哦)
小伙伴也可以加一下QQ群,在群众可以获取资源以及更多学习方法哦
QQ群:1126277960 (暗号:zhihu)