下面那个不是标准的html标签 () <a></a> <form></form> <dd></dd> <img>
时间: 2023-08-07 22:02:15 浏览: 198
下面那个不是标准的HTML标签是:
<dd></dd>
<a></a>、<form></form> 和 <img> 都是标准的HTML标签,用于创建链接、表单和图像等元素。
<dd></dd> 不是一个标准的HTML标签,而是表示定义列表中的一个项目。在HTML中,定义列表使用<dl>标签定义,项目使用<dt>和<dd>标签定义,其中<dt>用于定义项目的术语(term),而<dd>用于定义项目的描述(description)。
相关问题
<dl class="car"> <dt><p class="ck_btn" data-id="71790817"></p> <a href="goods-18976.html"><img src="https://s.cccgx.com/t/200x200/images/qu/18976/gallery/m20211019094313_99448.jpg" class="ca_pic"/></a> </dt> <dd><a href="goods-18976.html" class="gk_a">潮影森美 全硅胶性感甜心胶实体娃娃 159cm</a> <p class="ca_atr">169普通款</p> <p class="shu_ck"> <em class="cc_sub" data-id="71790817">-</em> <input type="number" id="gnum" data-id="71790817" class="gnum c_pt" min="1" value="7"/> <em class="cc_add" data-id="71790817">+</em> </p> <span class="ca_jg">¥15200.00</span> <a href="javascript:;" data-id="71790817" data-z="" class="ca_del">删除</a> </dd> </dl>>帮我做一个js代码,我点击dl标签class为car时候点一次将他class属性设置为car car_on,再次点击时恢复为car,并加上判断如果dl的class为car car_on时,将data-id和input的value值用post传值到t.php页面并回调显示在一个id为c_gprice的em标签里面,把t.php的代码也写出了
好的,以下是代码实现:
```javascript
// 获取所有class为car的dl标签
const carDls = document.querySelectorAll('.car');
// 循环遍历所有dl标签,为其添加点击事件
for (let i = 0; i < carDls.length; i++) {
carDls[i].addEventListener('click', function() {
// 切换class样式
if (this.classList.contains('car_on')) {
this.classList.remove('car_on');
} else {
this.classList.add('car_on');
}
// 判断是否需要发送post请求
if (this.classList.contains('car_on')) {
const dataId = this.querySelector('.ck_btn').getAttribute('data-id');
const inputValue = this.querySelector('.gnum').value;
const xhr = new XMLHttpRequest();
xhr.open('POST', 't.php');
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const em = document.getElementById('c_gprice');
em.textContent = xhr.responseText;
}
};
xhr.send(`data_id=${dataId}&input_value=${inputValue}`);
}
});
}
```
以下是t.php的代码:
```php
<?php
$dataId = $_POST['data_id'];
$inputValue = $_POST['input_value'];
// 根据传过来的dataId和inputValue进行相应的处理,最终得到$price
echo $price;
?>
```
<div class="col-md-2 title">发布时间</div> <div class="col-md-4 data"> <div class="input-group datetime"> <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div> <input type="datetime" class="form-control pull-right" id="datepicker-a3" name="travelTime" pattern="yyyy-MM-dd HH:mm:ss"> </div> </div>
这段代码是一个日期时间选择器的 HTML 代码,其中使用了 Bootstrap 和 jQuery 库来实现日期时间选择器的样式和功能。
具体来说,这段代码包含了一个 `div` 元素,它的类名为 `col-md-2 title`,表示标题栏,用来显示“发布时间”这个标题。接着,又包含了一个 `div` 元素,它的类名为 `col-md-4 data`,表示数据栏,用来显示日期时间选择器。
日期时间选择器的样式和功能是通过 `input-group` 类、`datetime` 类和 `input-group-addon` 类来实现的。其中,`input-group` 类表示输入框和按钮组合,`datetime` 类表示这是一个日期时间输入框,`input-group-addon` 类表示按钮。
日期时间选择器的具体实现是通过一个 `input` 元素来实现的,它的类型为 `datetime`,表示这是一个日期时间输入框。它还包含了一个 `id` 属性和一个 `name` 属性,分别为 `datepicker-a3` 和 `travelTime`,用来标识这个输入框。
最后,`input` 元素还包含了一个 `pattern` 属性,它的值为 `yyyy-MM-dd HH:mm:ss`,表示日期时间格式为年份、月份、日期、小时、分钟和秒数,与前面提到的 Java 8 中的 `LocalDateTime` 类使用的格式相同。
阅读全文