列表的使用:
<ul>
</ul>
<ol>
<li>有序列表</li>
</ol>
自定义列表的应用:
<dl>自定义标签中最大的结构盒子
<dt>顶层项目 前面 上面 左边 (注意:不能嵌套块级标签)
<dd>底层项目 后面 下面 右边 (任何标签都可以嵌套)
<dl>
<dt>计算机</dt>
<dd>用来计算的机器</dd>
<dl>
表单(form)常见元素:
<label> <input>(常见type有:text、password、radio、checkbox、button、image、submit、reset、number、file) <select>(搭配option使用)
<textarea>
*type为radio时要设置name才能实现单选功能。
*type为text时,与label搭配,text设置id,label for="text的id"。即可实现鼠标移到文字可使文本框获取焦点。
*所有按钮放到表单内才能对表单内元素起作用。例如:reset、submit。
*input的type值为number时, <input type ="number" min="" max="" step=""/>设置最大最小值,加减的幅度为step数值。
*file(浏览计算机文件)
list的应用:
预设text的可能值,在输入框输入值时,匹配的相关可能值在文本框下方列出。
<input type="text" list="list"/>
<datalist id="list">
<option value="56231"></option>
<option value="452"></option>
<option value="233"></option>
<input type="file" mutiple="mutiple"/>
<form action=""> <input type="tel" pattern="[0-9]{11}" required/> <input type="submit" /> </form>
<input type="tel" pattern="[0-9]{11}" required/>
<input type="submit" />
</form>
<input type="tel" pattern="[0-9]{11}" required/>
<input type="submit" />
</form>
*【0-9】:只能输入0-9的数值。
*{11}位数为11位。
*required:验证是否为空值。
<input type="text" autofocus/>
fieldset表单:
<fieldset>
<legend>表单标题</legend>
<form>
<input type="text"/>
<input type="text"/>
</form>
</fieldset>
<ul type="none">
<li>1</li>
<li>2</li> <li>3</li> <li>4</li> </ul> <ol> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ol> <ul> <li>咖啡 <ul> <li>蓝山</li> <li>摩卡</li> </ul> </li> <li>茶 <ul> <li>红茶</li> <li>绿茶</li> </ul> </li> <li>牛奶 <ul> <li>纯牛奶</li> <li>酸奶</li> </ul> </li> </ul>
</datalist>