摘要:单选且有默认选中值多选元素一般对于提交与重置按钮,我们建议使用来定义,对于普通按钮可以使用。包裹表单元素用户名使用属性关联表单元素的属性用户名更多详细表单中的表单元素
当元素用于页面内的锚点跳转时,应该先为该页面设置一些锚点,而定义锚点有两种办法:
设置好了锚点之外,就可以通过元素链接到该锚点位置,其href取值为“# + 锚点名称”,示例如下:
<a href="#anchor1">锚点链接一a> <a href="#anchor2">锚点链接二a> <div> <div>我这里有很多内容...div> <a name="anchor1">点击锚点链接一,会跳到我这里a> <div>我这里有很多内容...div> <p id="anchor2">点击锚点链接二,会跳转到我这里p> div>
当其用于邮件连接时,href属性的值为"mailto:+邮件地址",示例如下:
<a href="mailto:xuyc_brother@foxmail.com”>发送邮件给我
提供电话链接有助于用户查看连接到手机的网络文档和笔记本电脑,示例如下:
<a href="tel:+491570156">+49 157 0156a>
如果想允许用户下载一个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);
元素跟元素一样,不需要闭合标签
<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">
用于多行文本输入,可以通过cols和rows属性来规定textarea的尺寸
<textarea rows="5" cols="30" placeholder="请输入评论">textarea>
用于创建选项菜单,默认只能选择一个值,可以通过设置属性multiple="multiple"来实现多选,其选项元素为
<select name="tag"> <option value="html" selected>HTMLoption> <option value="css">CSSoption> <option value="js">JSoption> select> <select name="tags" multiple="multiple"> <option value="html">HTMLoption> <option value="css">CSSoption> <option value="js">JSoption> select>
一般对于提交与重置按钮,我们建议使用 input 来定义,对于普通按钮可以使用 button。
<label>用户名:<input type="text">label> <label for="username">用户名:label><input type="text" id="username">
更多详细表单:HTML5中的表单元素
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/2235.html
摘要:前端开发工作一年小记作者云荒杯倾再过几天,就是我作为一名小小的前端工程师工作整整一年的日子了。但这可能算是一个好的开端,好的记忆。 前端开发工作一年小记 作者/云荒杯倾再过几天,就是我作为一名小小的前端工程师工作整整一年的日子了。而且,距离上一次写技术文,已经过去很久远。且逢周末,还是雨天,气温不高,心情凑合,就想写写。然而,写工作总结实际上可能仅仅是源于一种不可遏制的冲动,类似于伟...
摘要:前端开发工作一年小记作者云荒杯倾再过几天,就是我作为一名小小的前端工程师工作整整一年的日子了。但这可能算是一个好的开端,好的记忆。 前端开发工作一年小记 作者/云荒杯倾再过几天,就是我作为一名小小的前端工程师工作整整一年的日子了。而且,距离上一次写技术文,已经过去很久远。且逢周末,还是雨天,气温不高,心情凑合,就想写写。然而,写工作总结实际上可能仅仅是源于一种不可遏制的冲动,类似于伟...
摘要:前端开发工作一年小记作者云荒杯倾再过几天,就是我作为一名小小的前端工程师工作整整一年的日子了。但这可能算是一个好的开端,好的记忆。 前端开发工作一年小记 作者/云荒杯倾再过几天,就是我作为一名小小的前端工程师工作整整一年的日子了。而且,距离上一次写技术文,已经过去很久远。且逢周末,还是雨天,气温不高,心情凑合,就想写写。然而,写工作总结实际上可能仅仅是源于一种不可遏制的冲动,类似于伟...
摘要:前言更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下腾讯视频开放平台文档方法一引入在视频播放界面的左下方,鼠标移动到分享,复制通用代码放在页面上即可方法二引入引入部分部分保留播放按钮手机端图精简皮肤播放器显示完毕暂停了播放 前言:更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下 腾讯视频开放平台:http://v.qq.com/open/index.html文档...
摘要:前言更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下腾讯视频开放平台文档方法一引入在视频播放界面的左下方,鼠标移动到分享,复制通用代码放在页面上即可方法二引入引入部分部分保留播放按钮手机端图精简皮肤播放器显示完毕暂停了播放 前言:更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下 腾讯视频开放平台:http://v.qq.com/open/index.html文档...
阅读 654·2023-04-25 19:43
阅读 3834·2021-11-30 14:52
阅读 3711·2021-11-30 14:52
阅读 3775·2021-11-29 11:00
阅读 3732·2021-11-29 11:00
阅读 3789·2021-11-29 11:00
阅读 3516·2021-11-29 11:00
阅读 5934·2021-11-29 11:00