Java教程

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

本文主要是介绍【九月打卡】第3天 数字输入框、网址输入框,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

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

主讲老师:五月的夏天

课程内容:

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

https://img4.sycdn.imooc.com/6317eca5000129c011410119.jpg

https://img2.sycdn.imooc.com/6317eca000015ea521860839.jpg

技术点的解释:

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

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

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

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

https://img1.sycdn.imooc.com/6317ec880001fac510550189.jpg

https://img3.sycdn.imooc.com/6317ec820001023420900784.jpg

技术点的解释:

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

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

课程收获:

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


这篇关于【九月打卡】第3天 数字输入框、网址输入框的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!