【九月打卡】第5天 HTML5表单标签，与浏览者交互（二）

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