当前位置：首页 > news >正文

6.html表单

news 2025/8/7 15:15:53

HTML表单（HTML form）是网页中用于收集用户输入数据的一种方式。表单由多个表单元素组成，通常包括输入框，复选框，单选按钮，下拉列表和提交按钮等。

HTML表单元素的基本结构如下：

<form action="提交地址" method="提交方式">表单元素...<input type="submit" value="提交">
</form>

其中，action属性指定了表单提交的地址，method属性指定了表单提交的方式（一般为GET或POST）。表单元素包括各种输入框、下拉列表、单选按钮等。提交按钮使用input标签的type属性设置为submit。

HTML表单元素还可以设置各种属性，如name、value、required等，用于限制用户输入或提供输入提示等功能。常见的表单元素有：

input：用于输入文本、数字、日期等
select：用于下拉列表
textarea：用于多行文本输入
radio：用于单选按钮
checkbox：用于复选框

在表单提交到服务器后，服务器可以通过各种编程语言（如PHP、Python等）对表单数据进行处理，从而实现各种功能，例如登录、注册、搜索等。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>HTML-表单项标签</title>
</head>
<body><!-- value: 表单项提交的值 -->
<form action="" method="post">姓名: <input type="text" name="name"> <br><br>密码: <input type="password" name="password"> <br><br> 性别: <input type="radio" name="gender" value="1"> 男<label><input type="radio" name="gender" value="2"> 女 </label> <br><br>爱好: <label><input type="checkbox" name="hobby" value="java"> java </label><label><input type="checkbox" name="hobby" value="game"> game </label><label><input type="checkbox" name="hobby" value="sing"> sing </label> <br><br>图像: <input type="file" name="image">  <br><br>生日: <input type="date" name="birthday"> <br><br>时间: <input type="time" name="time"> <br><br>日期时间: <input type="datetime-local" name="datetime"> <br><br>邮箱: <input type="email" name="email"> <br><br>年龄: <input type="number" name="age"> <br><br>学历: <select name="degree"><option value="">----------- 请选择 -----------</option><option value="1">大专</option><option value="2">本科</option><option value="3">硕士</option><option value="4">博士</option></select>  <br><br>描述: <textarea name="description" cols="30" rows="10"></textarea>  <br><br><input type="hidden" name="id" value="1"><!-- 表单常见按钮 --><input type="button" value="按钮"><input type="reset" value="重置"> <input type="submit" value="提交">   <br>
</form></body>
</html>