在构建网页的过程中,`
```
- action:指定表单数据提交的目标URL。
- method:定义HTTP请求方法(如GET或POST)。
二、常用输入类型
HTML提供了多种输入类型来满足不同的需求:
1. 文本输入
```html
```
2. 密码输入
```html
```
3. 单选按钮
```html
```
4. 复选框
```html
```
5. 下拉菜单
```html
```
三、表单验证
为了确保用户输入的数据符合预期,HTML5引入了内置的表单验证功能:
```html
```
上述代码会自动检查输入是否为有效的电子邮件地址,并且字段不能为空。
四、结合CSS美化表单
通过CSS可以进一步增强表单的外观和用户体验:
```css
form {
width: 300px;
margin: auto;
}
input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
```
以上样式设置了表单的宽度,并对输入框进行了内边距和边框调整,使其更加美观。
五、总结
`