html+css表单
时间: 2024-09-29 14:13:05 浏览: 45
HTML和CSS结合可以创建强大的交互式表单,用于收集用户数据。HTML负责结构化内容,而CSS则用于样式和布局。
HTML表单通常由`<form>`标签包围,包含各种输入元素如`<input type="text">`, `<textarea>`, `<select>`, `<radio>` 和 `<checkbox>`等,这些元素允许用户输入信息。例如:
```html
<form action="/submit" method="POST">
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<label for="email">邮箱:</label>
<input type="email" id="email" name="email">
<textarea id="message" name="message"></textarea>
<input type="submit" value="提交">
</form>
```
CSS用于美化表单,例如设置文本颜色、字体大小、背景色,以及布局控制,使其在不同设备上看起来一致和美观。你可以添加内联样式(`style`)或外部CSS文件来应用样式:
```css
form {
width: 400px;
margin: auto;
}
input[type="text"], textarea {
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 15px;
}
```
阅读全文