用html进行表单设置,如何使用HTML表单

什么是HTML表单

HTML表单用于收集用户输入，想服务器传输数据，使用

元素来定义一个HTML表单。

表单可以包含input label textarea button select等元素。

1. form元素

常用属性：

action:提交表单的地址

method:提交表单的方法，一般有get和post两种

2.input元素

input元素通过type属性来设置不同的input类型。

2.1文本域

账户

效果：

placeholder属性可以描述输入字段的预期值

2.2密码域

密码

效果：

密码与的输入框会对输入信息做掩码处理

2.3单选按钮

性别

男

女

效果：

name相同的单选框会被划分为同一组

2.4复选框

爱好

游泳

篮球

写程序

效果：

复选框可选择多个

2.5下拉列表

年龄标签

60后

70后

80后

90后

00后

效果：

点击下拉列表进行选择

2.6提交按钮

效果：

点击提交即可传送表单数据，提交的方式和目的地有form标签定义

2.7重置按钮

效果：

点击即可把表单已填写的数据清空

2.8隐藏字段

效果：隐藏字段对用户是不可见的

2.9上传文件

效果：

点击即可上传文件，accept属性可以设置上传文件的格式

3、label元素

年龄

label元素为input标签定义标注，当鼠标选择该标签时，关联的元素控件会获得焦点，需要注意的是for属性的值要和关联元素的id值相同。

效果：

点击年龄即可让输入框获取焦点

4、textarea元素

评价

效果