WEB_01_HTML表单_第一讲

来源：互联网发布：python中strip 编辑：程序博客网时间：2024/06/06 14:12

1、表单标签：<form>

<form>表单标签，在html页面创建一个表单，表单标签在浏览器上没有任何显示。如果数据需要提交到服务器，负责搜集数据的标签必须存放在表单标签体内容。

(1)、action属性：请求路径，确定表单提交到服务器的地址（路径）

(2)、method属性：请求方式。常用的取值：GET、POST

GET：默认值

1）、提交的数据追加在请求路径上。例如：/1.html?username=jack&password=1234,数据格式k/v,追加是使用？连接，之后每一对数据使用&连接

2）、因为请求路径长度有限，所有GET请求提交的数据有限。

POST：

1）、提交的数据不再请求路径上追加（及不显示在地址栏上）

2）、提交的数据大小不显示

(3)、数据提交：

<body>

<！--此处的内容可能被提交到服务器-->

</form>

<！--此处的内容在<for标签外部，此处数据不能提交到表单-->

</body>

<input>标签用于获得用户输入信息，type属性值不同，搜集方式不同。最常用的标签。

（1）、type属性

1）、text：文本框，单行的输入字段，用户可在其中输入文本。默认宽度为20个字符

2）、password：密码框，密码字段。该字段中的字符以黑圆显示。

3）、radio：单选框，表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的。

4）、submit：提交按钮。提交按钮会把表单数据发送到服务器。一般不写name属性，否则将“提交”两个字提交到服务器。

因为不同项目注册需要的字段不同，需要完成的案例中没有覆盖所有的表单元素，以下标签使用也需要大家掌握。

5）、checkbox：复选框

6）、file：文件上传组件，提供"浏览"按下可以选择需要上传文件

7）、hidden：隐藏字段·数据会发送给服务器，但浏览器不进行显示

8）、reset：重置按钮。将表单恢复到默认值

9）、image：图形提交按钮，通过src给按钮设置图片

10）、button：普通按钮，常用于与JavaScript结合使用

（2）、name：元素名，如果需要表单数据提交到服务器，必须提供name属性值，服务器通过属性值获得提交的数据。

（3）、value属性：设置input标签的默认值。submit和reset为按钮显示数据

（4）、size：大小

（5）、checked属性：单选框或复选框被选中

（6）、readonly：设置为仅可读

（7）、disabled：是否可用

（8）、maxiength：允许输入的最大长度

阅读全文

0 0