html表单制作选择,html表单(html表单制作及实例)

html表单

HTML表单用于收集不同类型的用户输入。HTML5Input具有多种新的表单输入类型，可提供更好的输入控制和验证。

html表单制作及实例

表格标签：表格

表单标签的主要功能是在HTML页面中创建表单，并在用户填写表单信息后将数据提交到服务器。需要填写数据的标签必须放在表单标签主体中。

常用属性：

行动：在此属性中确定请求路径，表单数据提交的服务器地址。

方法：请求方法。常用的请求方法是：获取，发布。

获取(默认)：1.获取的请求数据受到限制

2.提交的表单数据将附加到请求的路径，例如：regist.action？username=jack＆password=1111。

追加是在请求地址后添加？Connect。每对数据使用并连接之后。

发布：1.提交的数据将不会添加到请求路径，也不会显示在地址栏上。

2.从理论上讲，该职位要求的数据量是无限的。

输入字段标签：输入

输入字段标签用于获取用户输入的信息。类型属性值不同，并且获取它的方式也不同。

共同属性：

类型属性

文本：文本框，单行输入字段，用户可以在其中输入文本，

密码：密码框，在输入框中输入的字符将显示为黑色圆圈。

单选按钮：单选按钮，代表一组互斥的选项按钮之一。选择一个按钮后，上一个按钮将变为未选择状态。

复选框：多选按钮。

文件：文件上传组件

隐藏：隐藏字段，数据将发送到服务器，但浏览器不会显示。

重置：重置按钮可将表格恢复为默认值。

提交：“提交”按钮，“提交”按钮会将表单数据发送到服务器。

名称属性：元素名称，必须提供名称属性，表单数据将提交到服务器。服务器使用此值获取数据。

value属性：设置输入标签的默认值，

Size属性：设置输入框的大小

选中属性：单选按钮或复选框已选中。

只读：是否为只读。

禁用：是否可用。

下拉列表标签：选择

下拉列表标签，提供了一些选项以选择其中一个或多个。它需要与子标签一起使用。

名称属性：设置名称，一个必填项。

多属性：不写默认的单选，多选的值表示多选。

大小属性：进行多项选择时可见选项的数量。

子标签：下拉列表中的一个选项

已选：选择当前列表项。

value：发送到服务器的选项值。

示例代码：

表单标签

用户名：

密 码：

确认密码:

性别:男

女

兴趣爱好：写博客

写代码

看源码

文件：

居住城市：

–请选择–

北京

上海

广州