骓檬
骓檬

【HTML】 八、表单设计

HTML标记语言

一、HTML的语法
二、html的基本结构
三、文档设置标记
四、图像标记
五、超链接的使用
六、表格
七、HTML框架
八、表单设计

八、表单设计

1. 表单标记

...

定义表单的开始位置和结束位置，表单提交时的内容就是
表单中的内容

(1) 基本格式

method="post|get">...

(2) 常用属性

I. name
表单名称
II. method
传送数据的方式，分为post和get两种方式
i) get方式
get方式提交时，会将表单的内容附加在URL地址的后面，所以限制了提交的内容的长度，不超过8192个字符，且不具备保密性
ii) post方式
post方式提交时，将表单中的数据一并包含在表单主体中，一起传送到服务器中处理，没有数据大小限制
III. action
表单数据的处理程序的URL地址，如果为空则使用当前文档的URL地址，如果表单中不需要使用action属性也要指定其属性为”no“
IV. enctype
设置表单的资料的编码方式
V. target
和超链接的属于类似，用来指定目标窗口

2. 文本域和密码

标记

标记没有结束标记

(1) 基本语法

(2) 属性介绍

I. type属性
type属性有两个值

  • text 当type="text"时，表示一个文本输入域
  • password 当type="password"时，表示一个密码输入域
    II. name属性
    定义控件的名称
    III. value属性
    初始化值，打开浏览器时，文本框中的内容
    IV. size属性
    设置控件的长度
    V. maxlength属性
    输入框中最大允许输入的字符数

3. 提交、重置、普通按钮

1) 提交按钮
当时，为提交按钮
2) 重置按钮
当时，为重置按钮
3) 普通按钮
当时，为普通按钮

4. 单选框和复选框

1) 单选按钮
当时，为单选按钮
2) 复选框
当时，为复选框
3) 注意⚠️
单选框和复选框都可以使用”cheked“属性来设置默认选中项

5. 隐藏域

当时，为隐藏表单域

6. 多行文本域

用法 使用