手记

【九月打卡】第5天 HTML5表单标签,与浏览者交互(二)

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

课程章节: HTML5表单标签,与浏览者交互

主讲老师:五月的夏天

课程内容:

今天学习的内容包括: input如何输入网址,input如何输入邮箱,textarea标签和属性的使用,label标签的使用。

课程收获:

inputtype属性设置为url,则表示该输入框的类型为网址。如果inputtype属性设置为url`,则表示该输入框的类型为网址。

input标签中的邮箱框email类型。Inputtype属性设置为email,则表示该输入框的类型为邮箱。数字框的值必须包含@。数字框的值@之后必须有内容,否则会报错误提示。’

文本区域使用textarea,语法使用<textarea rows="行数" cols="列数">文本</textarea><textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。cols 使用多行输入域的列数。rows 使用多行输入域的行数。在<textarea></textarea>标签之间可以输入默认值。

使用labelinput标签,其中label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。我们需要注意的是标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

今天学习了HTML5表单标签,与浏览者交互中6-5到6-8的4个小结,花费了32分钟,学习这几节后,学会用在网站中使用inputtypeemail来限制输入框只输入邮箱,使用typeurl限制输入框只输入网址。还可以使用label标签让文字和单选输入框进行绑定使用,从而带给用户更好的交互效果。

0人推荐
随时随地看视频
慕课网APP