什么是html表单控件

72次阅读
没有评论

在HTML中,表单控件是一组用于收集用户数据的元素。表单控件可以是文本框、单选按钮、复选框、下拉列表、提交按钮等,它们都是通过HTML表单标记定义的。表单控件用于收集用户数据,这些数据可以通过HTTP协议发送到服务器。

下面是一个包含几个表单控件的HTML页面示例:

<!DOCTYPE html>
<html>
<head>
	<title>表单控件示例</title>
	<meta charset="UTF-8">
</head>
<body>
	<form action="/submit-form.php" method="post">
		<fieldset>
			<legend>个人信息</legend>
			<label for="name">姓名:</label>
			<input type="text" id="name" name="name"><br>

			<label for="age">年龄:</label>
			<input type="number" id="age" name="age"><br>

			<label for="gender">性别:</label>
			<input type="radio" id="male" name="gender" value="male">
			<label for="male">男</label>
			<input type="radio" id="female" name="gender" value="female">
			<label for="female">女</label><br>

			<label for="city">城市:</label>
			<select id="city" name="city">
				<option value="beijing">北京</option>
				<option value="shanghai">上海</option>
				<option value="guangzhou">广州</option>
			</select><br>

			<label for="comment">评论:</label><br>
			<textarea id="comment" name="comment" rows="4" cols="50"></textarea><br>
		</fieldset>

		<fieldset>
			<legend>按钮</legend>
			<button type="button" onclick="alert('你好!')">点击我</button>
			<input type="submit" value="提交">
			<input type="reset" value="重置">
		</fieldset>
	</form>
</body>
</html>

这个页面包含了一个简单的表单,其中包含了几种类型的表单控件,例如文本框、单选按钮、下拉列表框和按钮。在这个例子中,表单的action属性指定了表单数据将被提交到的URL,而method属性指定了HTTP请求的方法(在这种情况下是POST方法)。

正文完
 
评论(没有评论)