有三个疑问

来源:2-6 html5基本表单验证特性演示

Aurora_Meteor

2020-04-15 22:27:13

1、视频中老师使用了label标签,label标签是什么作用呢?以前也没有学过,而且老师写了一个for属性,但是又没写属性值,for是什么作用?

2、老师视频里直接在input标签中写了pattern来判断输入的内容是否符合规则,这说明pattern是input标签的属性对吧?不过我们学过的是在js中使用正则进行判断,那我们是两种方式都可以用,具体用哪种看情况而定呢,还是最好使用js的方式呢?

3、我看到其他同学的笔记中有写【dateList 为input标记定义一个下拉列表,配合option---input中list与dateList 中id需一致,若选项中没有自己想选的,可手动输入】,这里面的【input中list与dateList 中id需一致】是什么意思,老师明白吗?

写回答

2回答

好帮手慕糖

2020-04-16

同学你好,回答如下:

1、都是可以的。只是个标识作用,能够明确的找到与那个input关联就可以了。

3、是的。是这样使用的。

祝学习愉快~

0

好帮手慕糖

2020-04-16

同学你好,关于你的问题,回答如下:

1、<label> 标签为 input 元素定义标注(标记)。举一个小例子就理解了,很多表单验证输入框前面都有标题,例如登录页面输入框前面会标记这个输入框具体要填入什么内容

http://img.mukewang.com/climg/5e97ba970908462700000000.jpg

那么前面的标记使用label就行,如下:

for中对应input的名字,这样一看就知道这个label是username输入框的标记。就是起个标识的作用,不写也是可以的,写上更好哦。

http://img.mukewang.com/climg/5e97baa409317a2f04430140.jpg

2、这里的pattern是input的属性,其实属性值也是用的正则表达式,所以在js中判断,还是直接在标签中都是可以的。建议:若是比较简单的可以直接在标签中写,比较复杂的,可以在js中。

3、input中list与dateList 中id需一致,是list属性的属性值,与dateList 中id的值需要一样。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~


0
hurora_Meteor
h 1、我在后面的视频里看老师讲的是label标签的for属性值应与相应的input标签的id值相同,您说是和name相同,那是和这两个任一个相同就可以了? 3、我百度了一下,这个问题对应的代码是不是这个? <input id="myCar" list="cars" /> <datalist id="cars"> <option value="BMW"> <option value="Ford"> <option value="Volvo"> </datalist>
h020-04-16
共1条回复

0 学习 · 6815 问题

查看课程