HTML中关于列表标签

最近学习了一些HTML列表标签的相关内容.

1.0下拉标签

<form action=""method="get">
    你来自:
    <select name="province">
        <option value="41">郑州</option>
        <option value="33">嘉兴</option>
        <option value="32">江苏</option>
        <option value="36">江西</option>

    </select>
    <input type="submit"/>
</form>

使用下拉列表的好处:

(1)    节省页面空间，使得页面更加简洁

(2)    方便输入

(3)    规范输入

<select>标签的属性multiple(多重的、多样的)

你喜欢的颜色有:
<select name="color" multiple>
    <optionvalue="red">红色</option>
    <optionvalue="black">黑色</option>
    <optionvalue="green">绿色</option>
    <optionvalue="yello">黄色</option>
</select>

2.0 textarea

textarea标签主要是为了方便用户输入较多文字信息，rows属性指区域的行数，cols属性指定编辑区域的列数，文本区可见的宽度

<!--rows规定文本区内的可见行数。-->
<!--cols规定文本区内的可见宽度。-->
<textarearows="3"cols="20"disabled>
  在w3school，你可以找到你所需要的所有的网站建设教程。
</textarea>

3.0 fieldset

<fieldset>
    <legend>人物信息:</legend>

    姓名:<inputtype="text"name="name"/>
    <br>
    性别:<inputtype="text"name="name"/>
</fieldset>
<br>
<fieldset>
    <legend>院校信息:</legend>
    毕业院校:<inputtype="text"name="name"/>
    <br>
    专业:<inputtype="text"name="name"/>
</fieldset>

效果图：