课程名称:初识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
标签让文字和单选输入框进行绑定使用,从而带给用户更好的交互效果。