html5--超链接

8月4日

主要介绍a标签

<!--../返回上一级-->

<a href="绝对路径"></a>在本地路径中file://E:/myproject/html或者是http://www.baidu.com全称

<a href="相对路径"></a>同在同一个文件夹或一个工程中比如在上两级的../../day3/3.html

<a></a>属性

href="":ftp://上传下载、mailto:gecios1000@163.com邮件、tel:1985684566手机端显示，直接打电话

二、链接中的锚点

1、同一个页面上

<a href="#one">第一章</a>//链接到名字为one的

<br><br><br><br><br><br><br><br><br><br><br>

<h3><a name="one">第一章</a></h3>//设置name为one

<a href="#">TOP</a>//回到顶部

<p>一大段话</p>

2、在同一个工程中

<a href="txt.html#one">第一章</a>//连接到txt.html中的名字为one的锚点中

三、表单

<form action="" enctype="" method="" >

action:转到的网址

enctype:默认为applicaton/x-www-form-urlencoded表示它的编码格式，当作为文件上传时，编码格式要

改为multipart/form-data,而且method必须为post。

method:get和post。它们区别是

输入框为

<input type=""value="">

type: text文本，password密码框，hidden隐藏不需要显示在页面的信息；

button需要配合js使用<input type="button" onclick="alert('谢谢你的使用,当前时间是'+new Date())"/>

image<input type="image" src="图片位置"/>可以将图片当做提交信息

1、

radio 单选框,name值要相同

<input type="radio" name="sex" value="male" checked>男 

<input type="radio" name="sex" value="female" >  女

2、

checkbox 复选框，name值必须不一样，相同时会被覆盖，如果复选框特多时，推荐name值为数组，服务器接收时才不会覆盖

<label for=“buy”><input  id="buy" type="checkbox" name="hobby[]" value="0">买</label>//添加label，点击文字时可以选中框

<input   type="checkbox" name="hobby[]" value="1">喝

<input  type="checkbox" name="hobby[]" value="2">玩

3

reset重置<input type="reset" value="这是重置”>

submit提交<input type="submit" value="这是上交”>

<textarea name="" clos="限定列数" rows="限定行数"

></textarea>

<select name="ok" size="设置显示的条数" multiple(多选)>

<option value="0">公历</option>

<option value="1">农历历</option>

</select>

placeholder提供可描述性输入字段预期值的提示信息

<input type="search" name="seach" placeholder="查找"/>

pattern用于验证输入字段的模式（正则表达式）

<input type="text" name="" pattern="[A-z]{3}" title="请输入三个字母”>这个表示输入的大小写字母为三个，当不符合这个模式就提示title。

autofocus 文本输入字段被设置为当页面加载时获取焦点

<input type="text" name="“” autofocus="autofocus"/>

maxlength 限定文本的长度，下面为限定字符为55个

 <input type="text" name="email" maxlength="55" />

</form>

暂时为 <a>标签的属性，锚点，表单form的属性之类的，详细的可以到w3c上阅读