资讯专栏INFORMATION COLUMN

HTML小记

番茄西红柿 / 1600人阅读

摘要:单选且有默认选中值多选元素一般对于提交与重置按钮,我们建议使用来定义,对于普通按钮可以使用。包裹表单元素用户名使用属性关联表单元素的属性用户名更多详细表单中的表单元素

1、页面内跳转

元素用于页面内的锚点跳转时,应该先为该页面设置一些锚点,而定义锚点有两种办法:

设置好了锚点之外,就可以通过元素链接到该锚点位置,其href取值为“# + 锚点名称”,示例如下:

<a href="#anchor1">锚点链接一a>
<a href="#anchor2">锚点链接二a>

<div>
    <div>我这里有很多内容...div>
    
    <a name="anchor1">点击锚点链接一,会跳到我这里a>
    <div>我这里有很多内容...div>
    
    <p id="anchor2">点击锚点链接二,会跳转到我这里p>
div>

 

2、电子邮件链接

当其用于邮件连接时,href属性的值为"mailto:+邮件地址",示例如下:

<a href="mailto:xuyc_brother@foxmail.com”>发送邮件给我

 

3、电话链接

提供电话链接有助于用户查看连接到手机的网络文档和笔记本电脑,示例如下:

<a href="tel:+491570156">+49 157 0156a>

 

4、使用 download 属性保存画布为PNG格式

如果想允许用户下载一个HTML画布,可以创建一个下载属性和画布数据作为文件URL链接图像:

var link = document.createElement(a);
link.innerHTML = download image;

link.addEventListener(click, function(ev) {
    link.href = canvas.toDataURL();
    link.download = "mypainting.png";
}, false);

document.body.appendChild(link);

 

5、创建表单

5.1 元素

元素跟元素一样,不需要闭合标签


<input type="text" name="username">

<input type="text" name="username" placeholder="用户名">

<input type="search" name="search" placeholder="搜索">

<input type="number" name="age" placeholder="只能输入数字">

<input type="password" name="pwd" placeholder="密码">

<input type="radio" name="sex" value="man">
<input type="checkbox" name="hobby" value="music">音乐

<input type="hidden" name="other-data" value="用户不可见数据">

<input type="file" name="file">

<input type="button" name="button" value="普通按钮">

<input type="submit" name="submit" value="立即加入">

<input type="reset" name="reset">

 

5.2