继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【九月打卡】第3天 数字输入框、网址输入框

kk吖
关注TA
已关注
手记 28
粉丝 0
获赞 1

课程名称:初识HTML(5)+CSS(3)-升级版课程

课程章节:6-4在家呆多少天啦? - 数字输入框和6-5平时都逛论坛么? - 网址输入框

主讲老师:五月的夏天

课程内容:

本节课的内容是input标签中的数字框number类型,以下为数字框的样子。

http://img4.mukewang.com/6317eca5000129c011410119.jpg

http://img2.mukewang.com/6317eca000015ea521860839.jpg

技术点的解释:

1、input的type属性设置为number,则表示该输入框的类型为数字。

2、数字框只能输入数字,输入其他字符无效。

3、数字框最右侧会有一个加减符号,可以调整输入数字的大小,不同浏览器表现不一致

以下为input标签中的网址框url类型,下面为网址框的样子。

http://img.mukewang.com/6317ec880001fac510550189.jpg

http://img3.mukewang.com/6317ec820001023420900784.jpg

技术点的解释:

1、input的type属性设置为url,则表示该输入框的类型为网址。

2、数字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示。

课程收获:

本节课学习了数字框和网址输入框,了解了文本框也有多种多样的样式,为今后的使用打下了基础。


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP