当前位置:网站首页 / QQ技术/html从入门到放弃(10)——多选框

html从入门到放弃(10)——多选框

时间:2017年06月22日 | 分类 : QQ技术 | 评论 0


多选框也是input标签中的一个类型,如果看过前面的几篇教程应该很容易理解。

 

直接贴代码

 

QQ截图20170622180902.png

 

效果图

 

2.png

这个和前面的单选框一样 可以通过 checked属性来设置默认选中

 

QQ拼音截图未命名.png

 

多行文本框

 

假如一个地方需要输入很多文字的话,以前介绍的文本框,用户体验明显是不好的。

 

这就需要用到多行文本框标签了 <textarea>

 

代码

 

QQ拼音截图未命名.png

 

效果图

 

QQ拼音截图未命名.png

 

解释一下属性 cols 代表文本框每行可以容纳多少字符, rows 代表可以容纳多少行数

 

 

接下来讲一个比较特别的控件--重置控件

 

代码

 

QQ截图20170622184428.png

 

效果图

 

QQ截图20170622184428.png

 

一个按钮,会将表单域中输入的信息全部清空,回到默认属性,具体效果大家自己下去测试

 


万达招商,万达招商QQ提供html教程教程 ,转载必须注明文章出处地址: /QQjishu/1233.html

猜你喜欢
额 本文暂时没人评论 来添加一个吧

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门文章
最近发表
标签列表
友情链接:万达娱乐  万达娱乐主管  华宇招商  万达娱乐直属  万达主管QQ  万达娱乐直属QQ  万达开户  万达注册  万达直属  万达主管