您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > 软件入门 > DW-input标签案例(下)

DW-input标签案例(下)

手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

VIP优惠升级 21大分类,畅享48000+设计教程特权!

为自己充值升华学习
今日剩余学习次数:1

按住画面移动小窗

DW-input标签案例(下)

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

学习意犹未尽?成为VIP,继续提升

免费学习即将结束

关闭继续学习>

发表评论
收起宽屏
分享给朋友:
手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

添加到专辑收藏已收藏收藏成功,可进入个人中心-课程收藏 查看!
目录信息笔记
课后练习学员评价 (68条评论)视频字幕查看优秀作品>

课后练习在紧急制作中。。。

课程综合评分:9.9
课程难易程度:太简单(3)简单(8)适中(37)有点难(18)太难了(1)
您需要学习后才可以评价,立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

Hello大家好我是M ,上节课呢我们已经做了一个 ,简单的Input的案例 ,那么我们这个案例主要是学习了去修改Input ,标签的一个样式来做到美化 ,那么呢我们上节课学习的是按钮 ,以及我们输入框的一个美化 ,这节课我们主要来看一下怎么样去 ,美化我们的单选框 ,以及复选框 ,这里的单选框 ,或者复选框呢我们用到了不同的样子一个是圆的一个是方的 ,那么M呢M这节课只会展示单选框的一个 ,写法 ,复选框呢就当做一个课后的作业留给大家希望大家可以呢 ,好好对待 ,话说回来啊,我们怎么样去改变我们Input ,单选它的样式呢 ,如果大家还记得我们刚开始讲Input的标签的时候呢 ,它是一个什么样子的 ,灰溜溜的对不对然后点一下中间就变成了一个深色的 ,那么呢由于我们不同的网页风格不一样总不能 ,都用那个东西对吧所以我们需要自己去改变它 ,打个比方 ,这里 ,好这个我们要怎么做呢 ,这里给大家提个醒啊 ,就是我们其实是 ,不能通过改变Input的标签的样式去改变它的样子 ,但是我们可以通过结构 ,或者其它的一些办法 ,来做到这个效果 ,可能听起来有一点晕对不对那么M现在开始演示一下 ,怎么去做 ,回到我们上节课的 ,Html ,两行一行账号,一行密码然后这边是提交 ,

以及重置按钮所以我们这里要写在提交前面 ,老样子 ,然后Span标签 ,是什么性别 ,冒号好 ,性别里面有什么呢 ,有一个男,有一个女对不对 ,那么我们也用 ,Span标签来把文字部分给包住好 ,男 ,男后面有个什么 ,Input标签 ,好 ,单选按钮 ,单选按钮的type属性是什么 ,Radio ,对不对 ,Input Radio ,好 ,然后这边是女 ,然后再有一个什么呢还是Input ,好保存来看一下 ,那基本的样子 ,没有问题对不对 ,诶,怎么两个都可以点啊 ,我们是不是少了一个什么东西啊大家还记不记得 ,上上节课我们学习到的 ,单选按钮 ,我们需要做到一个什么 ,加一个Name对不对 ,它们两个是同一个Name ,这样我们在同一个Name里面,只能选择其中的一个 ,好复制一下 ,好这样我们就做到了,只能选择同一个对不对 ,我们看一下,为什么这一行 ,加一个Display block ,改变这一行的属性 ,这样呢我们的Margin ,才有作用 ,

重点来了,重点来了,我们怎么去改变它呢 ,其实我们的思路啊 ,是这样的我们严格意义上来说我们不能改变Input标签 ,的样子 ,大家说怎么不能啊,我们前面的 ,输入框啊以及我们的按钮啊改变的不挺好的嘛确实 ,但是呢我们单选框以及复选框的样式呢我们是改变不了的 ,那么既然改变不了怎么办呢 ,这里我们就需要采取一个 ,很特别的方法就是我们将一个标签 ,把Input标签给包住,然后呢 ,我们将这个Input标签 ,的透明度注意啊是透明度变为0这样就看不见了 ,然后呢我们看见的样式呢全部选择包住这个Input的标签的 ,这个标签上面 ,然后呢达到我们这样一个设计图的效果 ,说的有点晕啊 ,我们来看一下具体是怎么操作的 ,打个比方还拿一个Span的标签 ,这里的Span的标签有点多啊 ,拿Span的标签干嘛呢将我们这个Input标签给包住 ,好这里注意几个 ,好注意看 ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与
虎课网为您推荐DW-input标签案例(下)视频教程、图文教程、素材源文件下载,学员课后练习、作品以及评价等内容。DW-input标签案例(下)教程讲师:M,使用软件:DW(CC2017),难度等级:新手入门,视频时长:14分34秒 查看全部

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
客户端
虎课桌面客户端
置顶播放器,边看边学习
虎课移动APP
支持离线缓存,随时随地学习
我的排行
建议意见
官方客服

官方客服

您可以与在线客服进行沟通或者拨打客服热线获得帮助

客服热线:021-80344319工作日:9:30-18:30

在线咨询:联系客服工作日:9:00-22:00

节假日:9:00-18:00

虎课积分
免费学习48000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了121,690
并提交了1,449份作业!
登录后立即学习!
loading
微信扫码关注即可登录
登录后立即学习!
手机号
验证码
立即登录
您需要同意协议才可以进行登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
上上签 · 今日宜学习
恭喜!签到成功,获得 10 个虎课币
.
书山有路勤为径,学海无涯苦作舟
— 唐代文学家 韩愈
虎课网 · 每天进步一点点
分享到
全站48000+课程免费学!昨日已有26682位学员免费领取~点我领取