|html表单元素有哪些?具体怎么应用?

|html表单元素有哪些?具体怎么应用?

文章图片

|html表单元素有哪些?具体怎么应用?

文章图片

|html表单元素有哪些?具体怎么应用?

文章图片

|html表单元素有哪些?具体怎么应用?

文章图片

|html表单元素有哪些?具体怎么应用?

1.表单头的书写:主要格式:<form <form action=\"提交的地址\" method=\"提交方式\" name=\"表单名称\">


2.输入表单信息
1)文本信息:type=\"text\" 。 通常用于单行文本的输入 , 例如用户名 。

2)密码信息:type=\"password\" 。 通常用于密码的输入 。

3)单选框:type=\"radio\" 。 如果想要实现单选的效果 , 需要将选项中的name设置为同一个 。

4)复选框:type=\"checkbox\" 。 常用于多选问题 , 同时需要注意的是 , 如果想要实现默认勾选某个选项 , 需要设置参数:checked='checked'

5)提交按钮:type=\"submit\" 。 重置按钮:type=\"reset\" 。 用于信息完成后的提交、重置 。

6)文件上传按钮:type=\"file\" 。 通常用于图片、文件等的上传 。


3.下拉表单信息【|html表单元素有哪些?具体怎么应用?】主要格式如下 , 通过设置不同的option , 增加选项 。


4.文本表单信息:通常用于多文本的输入 , 比如改进意见等 , 主要格式如下: