<tr> <th width=20% class="hidden()">Line number:</th> <td> <input type="text" name="Line" size="2" maxlength="2" class="hidden()"> </td> </tr> function hidden(){ display: none; }html中为什么无法隐藏
时间: 2023-08-06 14:03:13 浏览: 162
在HTML中无法隐藏的原因是因为您的CSS代码中存在一些问题。首先,您在`<th>`元素中使用了一个名为`hidden()`的class,但是在CSS中并没有定义这个class。其次,您在`<td>`元素中使用了一个名为`hidden()`的class,但是在CSS中定义的`hidden()`样式并不会生效。最后,您的CSS样式应该写在`<style>`标签中或者外部的CSS文件中,而不是直接写在HTML中。
要隐藏元素,可以使用以下几种方法之一:
1. 使用CSS的`display: none;`属性来隐藏元素。您可以在`<style>`标签或者CSS文件中添加以下样式:
```css
.hidden {
display: none;
}
```
然后将`hidden`类应用到需要隐藏的元素上,例如:
```html
<tr>
<th width="20%" class="hidden">Line number:</th>
<td>
<input type="text" name="Line" size="2" maxlength="2" class="hidden">
</td>
</tr>
```
2. 使用CSS的`visibility: hidden;`属性来隐藏元素。将以下样式添加到您的CSS中:
```css
.hidden {
visibility: hidden;
}
```
然后将`hidden`类应用到需要隐藏的元素上,例如:
```html
<tr>
<th width="20%" class="hidden">Line number:</th>
<td>
<input type="text" name="Line" size="2" maxlength="2" class="hidden">
</td>
</tr>
```
请注意,以上两种方法都是通过CSS来隐藏元素的,而不是通过JavaScript或其他方式。如果您的问题仍然存在,请提供更多的代码和详细信息,以便我能够更好地帮助您解决问题。
阅读全文