绝对路径:从盘符开始查找,直到找到文件为止,路径+文件名
C:\Users\lenovo\Pictures\Saved Pictures\u=1520333009,1621568&fm=26&fmt=auto&gp=0.webp
相对路径:当前文件和目标文件的相对路径
..\..\..\u=1520333009,1621568&fm=26&fmt=auto&gp=0.webp
格式如下:
<form action="" name="" method="">
action | 跳转的路径 |
name | 表单的名字 |
method | 跳转的方式 |
跳转的方式有:post和get。其中get为默认请求
get请求和post请求的区别:
<form action="..\..\..\u=1520333009,1621568&fm=26&fmt=auto&gp=0.webp" method="get">
<form action="..\..\..\u=1520333009,1621568&fm=26&fmt=auto&gp=0.webp" method="post">
由上可知gei请求会在地址栏显示密码,而post请求不会,因此post请求安全性更高
input的基本标签:
type属性取值
checkbox | 多选按钮 |
radio | 单选按钮 |
多选按钮:
请选择你的爱好:<input type="checkbox">篮球
<input type="checkbox">足球
<input type="checkbox">羽毛球
<input type="checkbox">跳舞
单选按钮:
请选择你的性别:<input type="radio" name="gender">男
<input type="radio" name="gender">女
& <input type="radio" name="size">男
<input type="radio" name="size">女
要在代码中加入name属性,这样才能选择一个。如果不加入,则可以选择多个。
例如:
请选择你的性别:<input type="radio">男
<input type="radio">女
select标签
所在地区:<select><option>上海</option>
<option>广州</option>
<option>贵州</option>
<option selected="selected">江苏</option>
<option>重庆</option>
<option>四川</option>
<option>湖北</option>
selected为默认选项
属性multiple为下拉形式
所在地区:<select multiple=“multiple”>
<option>上海</option>
<option>广州</option>
<option>贵州</option>
<option selected="selected">江苏</option>
<option>重庆</option>
<option>四川</option>
<option>湖北</option>
text | 文本框 |
password | 密码框 |
submit | 提交按钮 |
button | 按钮 |
reset | 重置按钮 |
image | 图像按钮 |
<form>
<p>用户名:<input type="text" value="pangking" ></p>
<p>密码:<input type="password" autofocus></p>
<p>确认密码:<input type="password" required></p>
<input type="submit" value="上传">
<input type="reset" value="复位">
<input type="button" value="按钮">
</form>
扩展内容:
属性:
readonly | 字段只能读不能修改 |
disabled | 规定input标签禁用 |
autofocus | 默认光标位置 |
required | 提示input不能为空白提交 |
<form>
<p>用户名:<input type="text" value="pangking" disabled="disabled"></p>
<p>密码:<input type="password" autofocus></p>
<p>确认密码:<input type="password" required></p>
</form>
扩展内容:type属性的取值
color | 颜色 |
date | 日期 |
time | 时间 |
datetime-local | 日期+时间 |
range | 进度条 |
<form>
<input type="color"><input type="date"><input type="time">
<input type="datetime-local"><input type="range">
</form>
textarea标签:
clos-----文本域的宽度 rows------文本域的高度
font------------size(1--7字体由小变大)
<textarea cols="50" rows="5">这是文本框</textarea>
<font size="1">字体大小</font>
<font size="2">字体大小</font>
<font size="3">字体大小</font>
<font size="4">字体大小</font>
<font size="5">字体大小</font>