补充HTML

对有些标签的一些补充  以及有一些当时没有注意到的属性


<del>删除线,比较常见于淘宝降价商品</del>

<a></a>标签还是比较重要的,而且<a></a>标签的功能很多;

<a href="#" target="_blank">可包裹任何东西</a>
target="_blank"是让链接内容在新的标签页打开
功能:

1、超链接(如上所示,利用href属性就可以)

2、author锚点,例如页面的回到顶部

<a href="#id">定位到id=id的标签的位置处</a>

3、打电话

<a href="tel:12345678910">给12345678910打电话</a>

比如外卖点单时,链接外卖小哥的电话,只是样式修改的好看一点;

4、发邮件

<a href="mailto:1234567@qq.com">给1234567@qq.com发邮件</a>

5、协议限定符



表格<table></table>

<table border="1">
<caption>表格标题</caption>
<tr>
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
</tr>
</table>
一般不直接在table标签后直接用border属性,而是在css中设置表格的样式边框;




表单<form></form>

<form>
<fieldset>
<legend>为fieldset元素定义标题</legend>
FirstName:<input type="text" name="text1">
LastName:<input type="text" name="text2">
</fieldset>
</form>
当一组表单元素放到<fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

<legend>为<fieldset>元素定义标题


总结:

学习就是一个不断更新知识的过程嘛

在不断地回顾复习、查漏补缺中前进!


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用 HTML 和 JavaScript 来实现输入框文字补充提示的功能。具体实现方式如下: 1. 在 HTML 中创建一个输入框和一个用于显示提示的下拉框。输入框使用 input 元素,下拉框使用 select 元素。代码如下: ```html <input type="text" id="myInput"> <select id="mySelect" style="display:none;"></select> ``` 2. 使用 JavaScript 监听输入框的 input 事件,并在输入框中输入内容时,根据输入内容动态生成提示下拉框中的选项。代码如下: ```javascript const inputElement = document.getElementById('myInput'); const selectElement = document.getElementById('mySelect'); inputElement.addEventListener('input', function(event) { const inputValue = event.target.value; // 在这里根据输入内容动态生成提示下拉框中的选项 selectElement.innerHTML = ''; if (inputValue) { const option1 = document.createElement('option'); option1.value = '选项1'; option1.innerText = '选项1'; selectElement.appendChild(option1); const option2 = document.createElement('option'); option2.value = '选项2'; option2.innerText = '选项2'; selectElement.appendChild(option2); } // 显示或隐藏提示下拉框 if (inputValue && selectElement.children.length > 0) { selectElement.style.display = 'block'; } else { selectElement.style.display = 'none'; } }); ``` 在上面的代码中,我们首先获取了一个 id 为 "myInput" 的输入框和一个 id 为 "mySelect" 的下拉框,并使用 addEventListener 方法为输入框添加了一个 input 事件监听器。当用户在输入框中输入内容时,就会触发该事件监听器中的回调函数。在这个回调函数中,我们首先获取了输入框中的输入内容,然后根据输入内容动态生成提示下拉框中的选项。此处的代码只是示例,我们可以根据实际需求来生成选项,比如从后端接口获取数据进行补充提示。 最后,我们根据输入框中的输入内容和提示下拉框中的选项数量来决定是否显示提示下拉框。如果输入框中有内容并且提示下拉框中有选项,则显示下拉框;否则隐藏下拉框。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值