课程名称:初识HTML(5)+CSS(3)-升级版
课程章节: HTML5表单标签,与浏览者交互
主讲老师:五月的夏天
课程内容:
今天学习的内容包括: input如何输入网址,input如何输入邮箱,textarea标签和属性的使用,label标签的使用。
课程收获:
input的type属性设置为url,则表示该输入框的类型为网址。如果input的type属性设置为url`,则表示该输入框的类型为网址。
input标签中的邮箱框email类型。Input的type属性设置为email,则表示该输入框的类型为邮箱。数字框的值必须包含@。数字框的值@之后必须有内容,否则会报错误提示。’
文本区域使用textarea,语法使用<textarea rows="行数" cols="列数">文本</textarea>,<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。cols 使用多行输入域的列数。rows 使用多行输入域的行数。在<textarea></textarea>标签之间可以输入默认值。
使用label为input标签,其中label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。我们需要注意的是标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
今天学习了HTML5表单标签,与浏览者交互中6-5到6-8的4个小结,花费了32分钟,学习这几节后,学会用在网站中使用input的type为email来限制输入框只输入邮箱,使用type为url限制输入框只输入网址。还可以使用label标签让文字和单选输入框进行绑定使用,从而带给用户更好的交互效果。