HTML基础学习九

最新推荐文章于 2022-11-23 17:32:46 发布

Hym_eric

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量382

点赞数

分类专栏： HTML学习

本文链接：https://blog.csdn.net/hym_eric/article/details/78035721

版权

HTML学习专栏收录该内容

12 篇文章 0 订阅

订阅专栏

HTML 表单

先上代码：

<html>

<head>
	<meta charset="utf-8">
	<title="第一个表单网页">
</head>

<body>
	<form action="action_page.php" name="form1">
		<fieldset>
			<legend>Personal infomation:</legend>
		First name:<br>
		<input type="text" name="firstname">
		<br>
		Last name:<br>
		<input type="text" name="lastname">
		<br><br>
		<input type="submit" value="Submit">
		<br><br>
		<form>
			<input type="radio" name="sex" value="male" checked>Male
			<br>
			<input type="radio" name="sex" value="female">Female
		</form>
		</fieldset>
	</form a>

</body>
</html>

<form> 元素

HTML 表单用于收集用户输入。

<form> 元素定义 HTML 表单：

<input> 元素

<input> 元素是最重要的表单元素。

<input> 元素有很多形态，根据不同的 type 属性。

这是本章中使用的类型：

类型	描述
text	定义常规文本输入。
radio	定义单选按钮输入（选择多个选择之一）
submit	定义提交按钮（提交表单）

Action 属性

action 属性定义在提交表单时执行的动作。

向服务器提交表单的通常做法是使用提交按钮。

通常，表单会被提交到 web 服务器上的网页。

在上面的例子中，指定了某个服务器脚本来处理被提交表单：

<form action="action_page.php">

如果省略 action 属性，则 action 会被设置为当前页面。

Method 属性

method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）：

<form action="action_page.php" method="GET">

或：

<form action="action_page.php" method="POST">

用 <fieldset> 组合表单数据

<fieldset> 元素组合表单中的相关数据

<legend> 元素为 <fieldset> 元素定义标题。

下面是 <form> 属性的列表：

属性	描述
accept-charset	规定在被提交表单中使用的字符集（默认：页面字符集）。
action	规定向何处提交表单的地址（URL）（提交页面）。
autocomplete	规定浏览器应该自动完成表单（默认：开启）。
enctype	规定被提交数据的编码（默认：url-encoded）。
method	规定在提交表单时所用的 HTTP 方法（默认：GET）。
name	规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate	规定浏览器不验证表单。
target	规定 action 属性中地址的目标（默认：_self）。