html表单案例练习
时间: 2023-10-07 19:12:12 浏览: 70
<form>标签是用来创建HTML表单的,其中的action属性用于指定表单提交的URL地址,method属性用于指定表单提交的方式(可以是get或post)。<input>标签可以用来创建不同类型的表单元素,其中的type属性用于指定元素的类型,比如text表示文本框,password表示密码框,radio表示单选按钮,checkbox表示复选按钮,button表示普通按钮等等。另外,input标签还可以使用name属性来自定义属性名。
以下是一个HTML表单案例练习:
```html
<form action="/submit" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<label for="email">邮箱:</label>
<input type="email" id="email" name="email">
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea>
<input type="submit" value="提交">
</form>
```
这个案例中,我们创建了一个包含姓名、邮箱和留言的表单。用户可以在文本框和文本域中输入信息,并点击提交按钮来提交表单。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)