HTML 表单是网页中常见的交互元素,允许用户输入信息,然后通过网页提交。以下是一个简单的 HTML 表单示例:
<form action="/submit_form" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email">
<br>
<input type="submit" value="提交">
</form>
在这个例子中,<form>
标签定义了一个表单,action
属性指定了表单提交后要处理表单数据的 URL(这里使用了 /submit_form
),method
属性定义了数据的提交方式(这里使用的是 post
)。
表单元素包括:
<label>
:用于定义表单的字段标签。<input>
:用于输入数据。
以下是一个完整的表单示例:
<form action="/submit_form" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email">
<br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea>
<br>
<input type="submit" value="提交">
</form>
在上面的例子中,我们添加了一个多行文本输入框 <textarea>
,用于用户输入留言。
HTML 表单示例
更多关于 HTML 表单的信息,请访问 HTML 表单教程。
# HTML 表单教程
HTML 表单是网页中常见的交互元素,允许用户输入信息,然后通过网页提交。以下是一个简单的 HTML 表单示例:
```html
<form action="/submit_form" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email">
<br>
<input type="submit" value="提交">
</form>
在这个例子中,<form>
标签定义了一个表单,action
属性指定了表单提交后要处理表单数据的 URL(这里使用了 /submit_form
),method
属性定义了数据的提交方式(这里使用的是 post
)。
表单元素包括:
<label>
:用于定义表单的字段标签。<input>
:用于输入数据。
以下是一个完整的表单示例:
<form action="/submit_form" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email">
<br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea>
<br>
<input type="submit" value="提交">
</form>
在上面的例子中,我们添加了一个多行文本输入框 <textarea>
,用于用户输入留言。
HTML 表单示例
更多关于 HTML 表单的信息,请访问 HTML 表单教程。