HTML教程 表单基本结构

时间:2026-02-13 21:09:15

1、新建一个 Form.html 文件,如图所示

HTML教程 表单基本结构

2、输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

HTML教程 表单基本结构

3、输入网页结构的头部和主体,设置title为:表单基本结构,如图所示:

HTML教程 表单基本结构

4、form表单标签的作用:用于声明表单区域,定义采集数据的范围,基本结构如图所示:

HTML教程 表单基本结构

5、输入 <form method=post action=#></form>,如图所示:

HTML教程 表单基本结构

6、输入文本框、密码框和提交按钮,代码:

用户名:<input type=text>

密码:<input type=password>

<input type=submit value=提交>

HTML教程 表单基本结构

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com