接下来讲解一下input里的最后一个“小弟”,<label>标签,<label>标签为input元素定义标注(标签)。此标签可以绑定一个表单元素,当点击此标签内的文本时,浏览器里的鼠标会转到改表单里要输入的文本内容,这样可以给用户更好的体验。
然后需要注意一下语法,input里设置的id属性必须与label的for属性里的一致。
这样子我们点页面的文字,也一样可以添小圆点啦。
接下来回到表单控件类型,我们现在已经讲完了input输入表单元素,后续讲一下select下拉表单元素
select表单元素:主要用于用户在有多个选项的时候,为了节约页面的空间,我们可以采取这个标签进行添加下拉列表。
语法格式:select这个标签后面是有一个叫option的“小弟”
记住啦,这个也是表单,需要在外面包含一个<form>标签哦!
还有一个注意点:如果想要默认是哪个选项,可以在option标签后面添加一个selected。
最后讲一下<textarea>文本域元素
此元素主要针对于内容较多的情况下使用,内容较少一般用文本框表单就行了。
<textarea>标签是用于定义多行文本输入的控件
语法格式:
这个标签也是有“小弟”的,cols的意思是每行的字符数量,rows的意思是行数,后续我们也是在CSS去改变这个标签的大小,不必去记哦。