当前位置:网站首页 / 电脑技术/html从入门到放弃(9)——表单标签中的下拉框

html从入门到放弃(9)——表单标签中的下拉框

时间:2017年06月10日 | 分类 : 电脑技术 | 评论 0


这次教程开始之前先终结一下input标签的type标签的几种常用属性。

为 text时为普通文本输入框

为 password的时候为密码文本输入框

为 file的时候为文件选择框

为 radio的时候为选择框

---------------------以上就是蓝翼为大家总结的type的常用属性------------------

 

大家可以新建一个网页,把这些属性一一试一试,这样会对这些属性有更直观的了解

 

今天为大家讲表单里面的下拉框标签

 

首先贴基本代码

 

html从入门到放弃(9)——表单标签中的下拉框 电脑技术 第1张

 

<select>标签就是构建一个下拉框,<option>这个则是下拉框中的选项

 

来看一下网页效果

 

html从入门到放弃(9)——表单标签中的下拉框 电脑技术 第2张

 

现在我们再增加几个选项

 

html从入门到放弃(9)——表单标签中的下拉框 电脑技术 第3张

 

 

我们想让网页打开后第一个选中的是北京,怎么办?

 

增加一个属性

html从入门到放弃(9)——表单标签中的下拉框 电脑技术 第4张

 

至于有没有效果,大家自己打代码看

 


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

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

发表评论

必填

选填

选填

必填

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

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