WEB第二天

最新推荐文章于 2024-09-04 02:00:00 发布

漂亮有内涵的大妹子

最新推荐文章于 2024-09-04 02:00:00 发布

阅读量226

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lujiayingwing/article/details/77906084

列表的使用：

无序列表一般默认为实心圆，可在style里设置list-style-type为：square(小方块) disc(实心圆) circle(空心圆)；list-style:none;清除列表格式。
自定义列表的应用：
<dl>自定义标签中最大的结构盒子
<dt>顶层项目前面上面左边 (注意：不能嵌套块级标签)
<dd>底层项目后面下面右边 (任何标签都可以嵌套)
<dl>
<dt>计算机</dt>
<dd>用来计算的机器</dd>
<dl>

设置下划线：text-decoration:underline;

表单(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"/>

pattern正则表达式（简单验证）：
<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：验证是否为空值。

autofocus：自动获取焦点。
<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>