html中form表单加横线
时间: 2024-09-07 15:05:06 浏览: 48
使用jQuery时Form表单元素ID和name命名大忌
在HTML中,为`<form>`标签添加横线通常是指通过CSS来给表单的边框添加样式。`<form>`元素本身并不具备边框属性,你需要通过外部或内部CSS来定义边框样式。下面是一个简单的例子:
```html
<!DOCTYPE html>
<html>
<head>
<style>
.form-border {
border: 1px solid #ccc; /* 设置边框为灰色实线 */
padding: 10px; /* 设置内部元素和边框之间的距离 */
}
</style>
</head>
<body>
<form class="form-border">
<label for="fname">名字:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">姓氏:</label><br>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
在这个例子中,`.form-border` 类被应用到 `<form>` 元素上,并定义了边框样式。通过CSS的`border`属性,我们可以指定边框的宽度、样式和颜色。上面代码中的`border: 1px solid #ccc;` 表示边框宽度为1像素,样式为实线,颜色为灰色。
阅读全文