第二次网页前端培训笔记（HTML表单和字符实体）-CSDN博客

本文链接：https://blog.csdn.net/m0_55313512/article/details/122787616

一、HTML表单

表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容，比如：文本域 (textarea)、下拉列表、单选框 (radio-buttons)、复选框 (checkboxes)等等。表单使用表单标签 <form> 来设置:

<form>

input elements

</form>

1.文本域

文本域通过 <input type="text"> 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>qweasd</title>
</head>
<body>
<form>
    姓名: <input type="text" name="firstname"><br>
    电话号码: <input type="text" name="lastname">
</form>
</body>
</html>

2.密码字段

密码字段通过标签 <input type="password"> 来定义：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>zys</title>
</head>
<body>
<form>
    密码: <input type="password" name="pwd">
</form>
</body>
</html>

3.单选按钮

<input type="radio"> 标签定义了表单单选框选项。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>zys</title>
</head>
<body>
<form>
    <input type="radio" name="sex" value="male">男<br>
    <input type="radio" name="sex" value="female">女
</form>
</body>
</html>

4.复选框

<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>zys</title>
</head>
<body>
<form>
    <input type="checkbox" name="vehicle" value="Bike">我有自行车<br>
    <input type="checkbox" name="vehicle" value="Car">我有小车
</form>
</body>
</html>

5.提交按钮

<input type="submit"> 定义了提交按钮。当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>zys</title>
</head>
<body>
<form name="input" action="html_form_action.php" method="get">
    用户名: <input type="text" name="user">
    <input type="submit" value="提交">
</form>
</body>
</html>

注：在HTML5中新表单标签：

<datalist> 指定一个预先定义的输入控件选项列表

<keygen> 定义了表单的密钥对生成器字段

<output> 定义一个计算结果

二、HTML字符实体

1.HTML字符实体

HTML 中的预留字符必须被替换为字符实体。

2.HTML实体

在 HTML 中，某些字符是预留的。您不能使用包含这些字符的文本。在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。

3.不间断空格

HTML 中的常用字符实体是不间断空格( )。浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。

HTML字符实体