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>