10.29总结
超链接
<a href="连接的地址" target="_blank"(在新的页面打开连接) _self(在当前页面打开连接) title="当鼠标放到超链接上面时显示的文字" ></a>
下载功能:
<a href="需要下载的文件的路径"
当浏览器不能解析超链接指向的文件就自动下载
能解析就打开
设置锚点
<a name="值"或id="值"></a>
跳转锚点
<a href="路径 + # + 值 "></a>
表单:
<form action="连接" (当点击 提交按钮 时候将表单数据提到到的地址) method =''提交方式"(get post)
get:会在上传地址上显示,不建议使用
post:不会在网址是上显示,是常用的方式
一、超链接:
1、<a href="链接地址" target=“目标窗口打开方式” title=“当鼠标放上时显示的文字”>文字</a>
打开方式:_blank 新的窗口页打开
_self 在当前页打开
2、下载功能:
<a href="要下载的文件的路径"></a> 当浏览器不能解析超链接指向的文件时就会提供下载功能
3、锚点链接:
设置锚点:<a name="值"或者id=“值”></a>
4、跳到锚点:<a href="路径#值"></a>
二、表单:
<form action="当点击提交按钮时将表单数据要提交到的地址"method="提交方式">表单元素</form>
提交方式:1、get:会将表单数据从url地址栏上以提交地址?key=value1&key2=value2提交表单地址
特点:1、不安全 2、提交的数据大小有限制
2、post:
特点:1、安全 2、提交的数据大小没有限制
总结:百分之99.999的表单提交都用post提交
表单元素:
通用格式:<input type="表单元素值" name="" value="">
注意:name属性一定要写,当点击提交按钮时,表单数据会以key=value的形式提交 key就是name属性的值
表单元素值:
1、文本类型:
文本框 text
密码框 password
默认:用户输入的值就是value属性值
隐藏域 hidden
2、按钮类型:
普通按钮 button
重置按钮 reset
提交按钮 subnit
<input type="button" value="普通按钮">
<input type="reset" value="重置按钮">
<input type="submit" value="提交按钮" >
3、选择类型:
单选按钮 radio 需要用name属性分组
默认被选中 checked
当属姓名=属性值的时候 就只写属性名
checked=“checked” 相当于checked
多选按钮 checkbox
lable:绑定
爱好:
<lable>
足球:<input type="checkbox" name="hobby" value="zq" checked>
</lable>
篮球:<input type="checkbox" name="hobby" value="lq" checked>
排球:<input type="checkbox" name="hobby" value="pq" >
下拉列表:
<select name="">
<option value="">列表1</option>
<option value="">列表2</option>
<option value="">列表3</option>
</select>
默认选中:selected
地区:
<select name="city" >
<option value="">请选择</option>
<option value="bj" selected>北京</option>
<option value="sh">上海</option>
<option value="gz">广州</option>
</select>
文本域:
<textarea name="" cols="" rows=""> value值
</textarea>
个人简介:
<textarea name="person" cols="2" rows="2">个人简介</textarea>