最近学习了一些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>
效果图:
