HTML 表单标签
HTML表单标签是用于收集用户输入信息的。以下是一些常用的表单标签:
<form>
:定义整个表单区域。<input>
:用于输入各种类型的数据。<textarea>
:定义多行文本输入控件。<button>
:定义一个可点击的按钮。<select>
:定义一个下拉列表。<option>
:定义下拉列表中的一个选项。<label>
:定义 input 元素的标注。<fieldset>
:定义一组相关的表单元素,并使用外框包围起来。<legend>
:定义 fieldset 元素的标题。<datalist>
:定义一个下拉列表,用于输入控件。
以下是一个简单的HTML表单示例,包含了上述几个标签:
<!DOCTYPE html>
<html>
<body>
<h2>简单的表单</h2>
<form action="/submit_form" method="post">
<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>
<label for="country">国家:</label><br>
<select id="country" name="country">
<option value="canada">加拿大</option>
<option value="usa">美国</option>
<option value="uk">英国</option>
</select><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
在这个例子中,我们创建了一个表单,用户可以输入名字和姓氏,并从下拉列表中选择国家。点击提交按钮将表单数据发送到服务器的 "/submit\_form" 路径。
评论已关闭