form表单

 绝对路径：从盘符开始查找，直到找到文件为止，路径+文件名

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>