表单的使用

最新推荐文章于 2022-02-23 20:15:33 发布

xyx107

最新推荐文章于 2022-02-23 20:15:33 发布

阅读量191

点赞数

文章标签：注册表单

本文链接：https://blog.csdn.net/xyx107/article/details/80385868

版权

1.两个组成部分：描述表单的HTML代码和处理用户在表单输入信息的服务器端应用程序客户端脚本

2.格式

<html>

<head>

</head>

<body>

</body>

</html>

3.为了更易被搜索到可加关键词。

4.背景音乐，背景图片

<bgsound src="地址" loop="-1”> //背景音乐

1.<input> 元素

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

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

这是本章中使用的类型：

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

文本输入

<input type="text"> 定义用于文本输入的单行输入字段：

实例

<form>
 First name:<br>
<input type="text" name="firstname">
<br>
 Last name:<br>
<input type="text" name="lastname">
</form>

2.Method 属性

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

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

或：

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

3.何时使用 GET？

您能够使用 GET（默认方法）：

如果表单提交是被动的（比如搜索引擎查询），并且没有敏感信息。

当您使用 GET 时，表单数据在页面地址栏中是可见的：

action_page.php?firstname=Mickey&lastname=Mouse

注释：GET 最适合少量数据的提交。浏览器会设定容量限制。

何时使用 POST？

您应该使用 POST：

如果表单正在更新数据，或者包含敏感信息（例如密码）。

POST 的安全性更加，因为在页面地址栏中被提交的数据是不可见的。

<button> 元素

<button> 元素定义可点击的按钮：

实例

<button type="button" οnclick="alert('Hello World!')">Click Me!</button>

输入类型：submit

<input type="submit"> 定义提交表单数据至表单处理程序的按钮。

表单处理程序（form-handler）通常是包含处理输入数据的脚本的服务器页面。

在表单的 action 属性中规定表单处理程序（form-handler）：

实例

<form action="action_page.php">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form>

Input Type: checkbox

<input type="checkbox"> 定义复选框。

复选框允许用户在有限数量的选项中选择零个或多个选项。

实例

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike
<br>
<input type="checkbox" name="vehicle" value="Car">I have a car 
</form>

8.placeholder 属性

placeholder 属性规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。

该提示会在用户输入值之前显示在输入字段中。

placeholder 属性适用于以下输入类型：text、search、url、tel、email 以及 password。

实例

拥有占位符文本的输入字段：

<input type="text" name="fname" placeholder="First name">

9.maxlength 属性

maxlength 属性规定输入字段允许的最大长度：

实例

<form action="">
 First name:<br>
<input type="text" name="firstname" maxlength="10">
<br>
 Last name:<br>
<input type="text" name="lastname">

</form>

如设置 maxlength 属性，则输入控件不会接受超过所允许数的字符。

该属性不会提供任何反馈。如果需要提醒用户，则必须编写 JavaScript 代码。注释：输入限制并非万无一失。JavaScript 提供了很多方法来增加非法输入。如需安全地限制输入，则接受者（服务器）必须同时对限制进行检查。

xyx107

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
表单的使用

1.两个组成部分：描述表单的HTML代码和处理用户在表单输入信息的服务器端应用程序客户端脚本 2.格式&lt;html&gt;&lt;head&gt;&lt;title&gt;&lt;标题&gt;&lt;/title&gt;&lt;meta name="description" content="网页介绍"&gt;&lt;meta name="key
复制链接

扫一扫