首页 >web前端 >前端问答 >html中什么是表单

html中什么是表单

青灯夜游
青灯夜游原创
2021-10-11 15:39:156499浏览

在html中,表单是一个包含表单元素的区域,主要用于收集不同类型的用户输入,需要使用表单标签form来定义;而表单元素是允许用户在表单中输入内容的控件,比如输入标签(input)、文本域(textarea)等等。

html中什么是表单

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单通过ff9c23ada1bcecdd1a0fb5d5a0f18437标签来创建,其中放置表单的对象,如表单域、按钮和其他事物:

<form>
....
表单元素
....
</form>

常见的表单元素

1、input 输入标签

多数情况下被用到的表单标签是输入标签(d5fd7aea971a85678ba271703566ebfd)。

<input type="text" >

2.png

d5fd7aea971a85678ba271703566ebfd 元素根据不同的 type 属性,可以变化为多种形态。

描述
button 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。
checkbox 定义复选框。
color 定义拾色器。
date 定义 date 控件(包括年、月、日,不包括时间)。
datetime 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。
datetime-local 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。
email 定义用于 e-mail 地址的字段。
file 定义文件选择字段和 "浏览..." 按钮,供文件上传。
hidden 定义隐藏输入字段。
image 定义图像作为提交按钮。
month 定义 month 和 year 控件(不带时区)。
number 定义用于输入数字的字段。
password 定义密码字段(字段中的字符会被遮蔽)。
radio 定义单选按钮。
range 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。
reset 定义重置按钮(重置所有的表单值为默认值)。
search 定义用于输入搜索字符串的文本字段。
submit 定义提交按钮。
tel 定义用于输入电话号码的字段。
text 默认。定义一个单行的文本字段(默认宽度为 20 个字符)。
time 定义用于输入时间的控件(不带时区)。
url 定义用于输入 URL 的字段。
week 定义 week 和 year 控件(不带时区)。

2、textarea 文本域

4750256ae76b6b9d804861d8f69e79d3 元素定义多行输入字段(文本域):

<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>

1.png

3、button 按钮

bb9345e55eb71822850ff156dfde57c8 元素定义可点击的按钮:

4、select 下拉列表,option待选择的选项

221f08282418e2996498697df914ce4e 元素定义下拉列表,5a07473c87748fb1bf73f23d45547ab8 元素定义待选择的选项。

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

3.png

下拉列表通常会把首个选项显示为被选选项。但可以通过添加 selected 属性来定义预定义选项。

推荐教程:《html视频教程

以上是html中什么是表单的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn