您还没有专辑

开始创建自己的专辑吧

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

DW-input标签案例(上)

手机观看

扫一扫下载虎课app

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

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

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

按住画面移动小窗

DW-input标签案例(上)

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

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

免费学习即将结束

关闭继续学习>

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

扫一扫下载虎课app

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

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

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

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

hello大家好我是M ,上节课呢我们学习了input标签 ,那么这节课我们就用实际的案例来去练习一下我们这个input标签到底 ,怎么去使用呢 ,那么这个案例呢 我,我们会分为上下两张 ,也就是两节课来去 ,讲它 ,这两节课呢我们会用到不同的 ,type属性 ,来去制作不同的标签案例 ,好我们先来看下,我们这节课也就是我们的案例上 ,需要讲到的什么东西 ,首先呢我们重点就是 ,type的 ,四个状态,一个是文字 一个是密码 ,一个是Reset Reset是什么重置 ,还有一个呢就是 ,提交四种四种不同的状态 ,难点呢?难点是我们需要学习一个新的标签 form标签 ,那么这个form标签干嘛用的呢那么我们待会在案例里面呢 ,就在给大家细细的讲一讲 ,嗯,看一下这个呢,就是我们今天要完成那个案例了,非常的简单 ,大家也经常会在各种各样的软件或者网页界面去遇到 ,就是我们的账号密码 ,然后呢?重置就是点一下就清空我们之前所输入的内容吧 ,然后提交这约等于是一个登陆吗 ,两个按钮加 两个输入框 ,看一下我们应该怎么在dw去制作这个东西 ,好话不多说 ,我们先进入到DW里面 ,老规矩呢,新建一个html ,那我们名字就叫 ,input案例 ,创建 ,那么顺手就保存到我们的站点里面 ,

保存好了以后我们顺便打开ps ,去把我们刚刚要做的案例设计图给扔进去 ,好 ,看上去非常简单的一个结构啊 结构我们需要来回顾一下吗一个DIV ,两个DIV三个DIV,这个DIV里面分成两个部分 ,一部分是文字部分一个就是我们input标签了 ,这个呢 ,和上面一样对不对 ,然后下面的DIV呢里面包了两个input标签 ,然后让它一个向左边靠齐一个向右边靠齐 ,完成我们这个一整个的 ,结构了 ,分析就到这了 ,来看一下具体怎么写 ,首先要做什么呢 ,要写一个我们刚刚讲到的重点 ,form ,form标签是干嘛的呢 ,主要是 ,将我们需要用的input标签给包起来比如这里 ,这里 ,这里这里 ,它主要是干嘛的呢?它是为了控制我们的input的标签 打个比方 ,我一个页面有许多个 ,输入框 ,有的输入框是要输入账号密码的 ,然后呢 ,我这个地方我还有一个输入框 ,还有个输入框是做什么呢 ,是我需要在我的 ,网页里面去输入一些文字的 ,那么我们都知道我们这个重置按钮是重置我们的账号 ,已经输入的账号密码的对不对我们不能 ,顺便把我们重置了一些其它的,在这里 ,这个输入框输入的内容给重置掉 ,那么这个时候呢,我们就需要form标签给它 ,去设置一个区域呢 ,我们用form标签 ,将这一块给包住之后 ,这一块给包住之后我们使用重置呢 ,

就只会重置form标签里面的input的标签,而不会将外面的其它input的标签给重置掉了 ,的标签,而不会将外面的其它input的标签给重置掉了 ,这个功能就不会冲突了 ,这样说,希望大家可以理解 ,好 ,把这个删掉 ,form标签有了以后 ,第一个是什么?第一个第一排第一排是什么内容账号对不对 ,一排呢我们就给它一个DIVDIV呢 ,呢 ,行吗 ,一个DIV里面我们分成左右两个部分,左边呢 ,看好了 ,span内容账号 ,还有一个冒号不要忘记了 ,另外一边input ,这个是test对不对属性就是test ,

登录后查看更多
换一批

为你推荐

每周一练

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

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

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

赞助一下吧

确定学习吗?

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

成为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位学员免费领取~点我领取