您的位置：MYSQL中文网 > html5+css3网页设计基础教程 HTML5 <form> 标签

html5+css3网页设计基础教程 HTML5 <form> 标签

2023-03-13 18:30 HTML5教程

html5+css3网页设计基础教程

HTML5和CSS3是当今网页设计的两大基础，它们提供了强大的功能，可以帮助开发者创建出更加精美的网页。学习HTML5和CSS3可以帮助开发者更好地理解网页设计，并且能够利用它们来创建出更具有吸引力的网站。

HTML5+CSS3网页设计基础教程是一个很好的学习工具，它可以帮助开发者快速掌握HTML5和CSS3的相关内容。该教程将会教会你如何使用HTML5和CSS3来制作出一个完整的、有吸引力的、易于使用的网站。

首先，该教程将会教你如何使用HTML5来制作一个完整的、有吸引力的、易于使用的网站。在这里，你将学习如何使用新标准中新出来的标记语言来制作一个实用性很强、易于理解并且有吸引力的静态或者动态内容。

然后，该教程将会教你如何使用CSS3来进行布局、样式化以及对内容进行装饰。在这里，你将学习如何使用新标准中新出来的样式表语法来对内容进行装饰，并且能够快速地对内容进行布局。

 
<html> 
    <head> 
        <title>My Webpage</title> 
    </head> 

    <body> 

        <h1>Welcome to my webpage!</h1> 

        <div class="content"> 

            <p>This is my webpage. I hope you enjoy it!</p> 

        </div> 

    </body>
HTML5 <form> 标签
实例
带有两个输入字段和一个提交按钮的 HTML 表单：
<form action="demo_form.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="提交">
</form>

浏览器支持
所有主流浏览器都支持 <form> 标签。
标签定义及使用说明
<form> 标签用于创建供用户输入的 HTML 表单。
可以用 :valid 和:invalid CSS 伪类 来给一个元素指定样式。

<form> 元素包含一个或多个如下的表单元素：
<input>
<textarea>
<button>
<select>
<option>
<optgroup>
<fieldset>
<label>
HTML 4.01 与 HTML5之间的差异
HTML5 新增了两个新的属性：autocomplete 和 novalidate，同时不再支持 HTML 4.01 中的某些属性。
HTML 与 XHTML 之间的差异
在 XHTML 中，name 属性已被废弃。使用全局 id 属性代替。
属性
      属性     值     描述   
      accept     MIME_type     HTML5 不支持。规定服务器接收到的文件的类型。（文件是通过文件上传提交的）   
      accept-charset     character_set     规定服务器可处理的表单数据字符集。   
      action     URL     规定当提交表单时向何处发送表单数据。   
    autocomplete（新属性）     on
off     规定是否启用表单的自动完成功能。   
      enctype     application/x-www-form-urlencoded
multipart/form-data
text/plain     规定在向服务器发送表单数据之前如何对其进行编码。（适用于 method="post" 的情况）   
      method     get
      post     规定用于发送表单数据的 HTTP 方法。   
      name     text     规定表单的名称。   
      novalidate（新属性）     novalidate     如果使用该属性，则提交表单时不进行验证。   
      target     _blank
      _self
      _parent
      _top     规定在何处打开 action URL。   

全局属性
<form> 标签支持 HTML 的全局属性。
事件属性
<form> 标签支持 HTML 的事件属性。
尝试一下 - 实例
带有复选框的表单
此表单包含两个复选框和一个提交按钮。
带有单选按钮的表单
此表单包含两个单选框和一个提交按钮。
相关文章
HTML 教程：HTML 表单和输入
HTML DOM 参考手册： Form 对象

属性	值	描述
accept	MIME_type	HTML5 不支持。规定服务器接收到的文件的类型。（文件是通过文件上传提交的）
accept-charset	character_set	规定服务器可处理的表单数据字符集。
action	URL	规定当提交表单时向何处发送表单数据。
autocomplete（新属性）	on off	规定是否启用表单的自动完成功能。
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	规定在向服务器发送表单数据之前如何对其进行编码。（适用于 method="post" 的情况）
method	get post	规定用于发送表单数据的 HTTP 方法。
name	text	规定表单的名称。
novalidate（新属性）	novalidate	如果使用该属性，则提交表单时不进行验证。
target	_blank _self _parent _top	规定在何处打开 action URL。

阅读全文

以上是MYSQL中文网为你收集整理的html5+css3网页设计基础教程 HTML5 <form> 标签全部内容。

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。

全部标签 标签详情

html5+css3网页设计基础教程 HTML5 <img> 标签

HTML5教程

实例HTML5 img标签用于向网页中添加相关图片。如何插入图像：img src="smiley-2.gif" alt="Smiley face" width="42" height="42"...
SQL CREATE INDEX 语句

SQL教程

SQL CREATE INDEX 语句CREATE INDEX 语句用于在表中创建索引。在不读取整个表的情况下，索引使数据库应用程序可以更快地查找数据...
创建表sql语句创建表

SQL教程

SQL 创建表创建一个基本的表需要做的工作包括：命名表、定义列和各列的数据类型。SQL 语言使用 CREATE TABLE 语句来创建新表。语...
对结果进行排序的方法对结果进行排序

SQL教程

SQL 对结果进行排序SQL ORDER BY 子句根据一列或者多列的值，按照升序或者降序排列数据。某些数据库默认以升序排列查询结果。语...
sql进阶教程 SQL 进阶

SQL教程

...
SQL MAX 函数

SQL教程

SQL MAX 函数MAX函数用于找出记录集中具有最大值的记录。要理解 MAX 函数，请考虑 employee_tbl 表，表中记录如下所示：SQL SELE...
SQL SQRT() 函数

SQL教程

SQL SQRT 函数SQRT 函数用于计算得出任何数值的平方根。你可以像下面这样使用 SELECT 语句计算任何数值的平方根：SQLselec...
SQL TRUNCATE TABLE 命令

SQL教程

SQL TRUNCATE TABLE 命令SQL TRUNCATE TABLE 命令用于删除现有数据表中的所有数据。你也可以使用 DROP TABLE 命令来删除...
SQL Select（选择）语法

SQL教程

SQL SELECT 语法SELECT 语法用于从数据库中选择数据。返回的数据存储在结果表中，称为结果集。基本语法：SELECT和FROM...
SQL SELECT TOP, LIMIT, ROWNUM

SQL教程

SQL SELECT TOP 子句SELECT TOP 子句用于指定要返回的记录数量。SELECT TOP子句在包含数千条记录的大型表上很有用。返回大量...