HTML 16:搜索框滑块和简单验证 input标签都要带name属性(DAY 52)

文章目录

  • 1:邮件验证
  • 2:URL (即网站链接)
  • 3:数字
    • max min step
  • 4:滑块 range
    • 滑块拉到100 试试

1:邮件验证

input type =“email” name=“email”
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
这样的验证不是很准确,我们会用JS来改善,自己写一个验证。
HTML相当于只搭建一个框架,细节还是用JS CSS来优化。

2:URL (即网站链接)

在这里插入图片描述
在这里插入图片描述在这里插入图片描述

在这里插入图片描述

3:数字

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

max min step

max是最大值,min最小值,step指的是增加或者减小的步数。比如按一下上升箭头就是加10,这是step=10的情况。

网站购物中的数量就是这样写的。
在这里插入图片描述
在这里插入图片描述

4:滑块 range

还是用input range
设置最大最小值 和name
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
提交之后 就能得到voice的值了

滑块拉到100 试试

在这里插入图片描述
在这里插入图片描述
JS 可以让滑块的值一直增,这就是音乐软件里的操作。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部