HTML中常用form表单元素讲解

在HTML中 , form表单常用于提交数据至办事器端 , 在利用过程form表单的过程需要注重各个分歧的元素的感化 , 有助于快速建立表单 。 下面是HTML中常用form表单位素讲解 。
方式/
1建立一个HTML文件 , 定名为test.html , 用于讲解form表单位素 。


HTML中常用form表单元素讲解

文章插图

2文本元素 。 经由过程type类型为text的input标签建立 , 常用于输入文本内容 , 例如 , 姓名、公司名称等 。


HTML中常用form表单元素讲解

文章插图

HTML中常用form表单元素讲解

文章插图

3暗码元素 。 经由过程type类型为password的input标签建立 , 常用于埋没字符的输入 , 例如暗码输入 。

HTML中常用form表单元素讲解

文章插图

HTML中常用form表单元素讲解

文章插图

4多选元素 。 经由过程type类型为checkbox的input标签建立 , 常用于多种选择的 , 提交表单的时辰 , 会把多个选项提交 。


HTML中常用form表单元素讲解

文章插图

HTML中常用form表单元素讲解

文章插图

5单选元素 。 经由过程type类型为radio的input标签建立 , 常用于单一选择 , 提交表单的时辰只会提交此中选中的值 。


HTML中常用form表单元素讲解

文章插图

HTML中常用form表单元素讲解

文章插图

6下拉列表元素 。 经由过程select标签来建立下拉列表 , 每一项选择利用option标签设置 , 提交表单的时辰 , 只会提交选中的值 。


HTML中常用form表单元素讲解

文章插图

HTML中常用form表单元素讲解

文章插图

7【HTML中常用form表单元素讲解】按钮元素 。 经由过程type类型为button标签建立 , 常用于点击提交表单内容 , 也可以绑定JS事务 , 以实现触发结果 。


HTML中常用form表单元素讲解

文章插图

HTML中常用form表单元素讲解

文章插图


以上内容就是HTML中常用form表单元素讲解的内容啦 , 希望对你有所帮助哦!

    推荐阅读