当前位置:网站首页 / QQ技术/html从入门到放弃(8)——表单标签中的选择框

html从入门到放弃(8)——表单标签中的选择框

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


上节课讲了<from>表单域,和input标签

 

首先先根据我们以前学习的知识构建一个基本的html网页

 

QQ拼音截图未命名.png

 

 

单选框的构造还是用的是 input标签 只不过type属性是radio

 

这是我们初步写成的代码

 

QQ拼音截图未命名.png

 

网页效果

 

QQ拼音截图未命名.png

 

现在两个选择框都是可以选中的

 

但是我们想要的效果是单选框,两个选择框只有一个能被选中怎么办?

 

将name属性设置为一样的就可以了。

 

代码

 

QQ拼音截图未命名.png

 

另外我们还想实现网页一打开选择框1就是被默认选中的怎么办?

 

只需要再input标签后面再添加一个属性就可以了

 

QQ拼音截图未命名.png

 

是不是被默认选择大家可以自己打开网页试试看

 

 

 

 

 


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

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

发表评论

必填

选填

选填

必填

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

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