HTML中关于列表标签

xiaoxiao2021-02-28  128

最近学习了一些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>

效果图:

转载请注明原文地址: https://www.6miu.com/read-40715.html

最新回复(0)