首页 >web前端 >前端问答 >html表单有哪些标记

html表单有哪些标记

青灯夜游
青灯夜游原创
2021-06-08 15:11:567340浏览

html表单标记:“ff9c23ada1bcecdd1a0fb5d5a0f18437”、“d5fd7aea971a85678ba271703566ebfd”、“4750256ae76b6b9d804861d8f69e79d3”、“2e1cf0710519d5598b1f0f14c36ba674”、“2b5469ab79cf842344327415c3b3bb95”、“e911751791aa3ba95dc724e2fb905976”、“221f08282418e2996498697df914ce4e”、“5a07473c87748fb1bf73f23d45547ab8”、“bb9345e55eb71822850ff156dfde57c8”、“be6d67dae90cc1ad6469079e163d0939”等。

html表单有哪些标记

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

HTML 表单用于收集不同类型的用户输入。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

html表单的标记:

标记 描述
ff9c23ada1bcecdd1a0fb5d5a0f18437 定义供用户输入的表单
d5fd7aea971a85678ba271703566ebfd 定义输入域
4750256ae76b6b9d804861d8f69e79d3 定义文本域 (一个多行的输入控件)
2e1cf0710519d5598b1f0f14c36ba674 定义了 d5fd7aea971a85678ba271703566ebfd 元素的标签,一般为输入标题
2b5469ab79cf842344327415c3b3bb95 定义了一组相关的表单元素,并使用外框包含起来
e911751791aa3ba95dc724e2fb905976 定义了  2b5469ab79cf842344327415c3b3bb95 元素的标题
221f08282418e2996498697df914ce4e 定义了下拉选项列表
5b7a15bed8615d1b843806256bebea72 定义选项组
5a07473c87748fb1bf73f23d45547ab8 定义下拉列表中的选项
bb9345e55eb71822850ff156dfde57c8 定义一个点击按钮
fc86e7b705049fc9d4fccc89a2e80ee3 指定一个预先定义的输入控件选项列表
aa983b9eb8086376f1f6481364a02e5a 定义了表单的密钥对生成器字段
be6d67dae90cc1ad6469079e163d0939 定义一个计算结果

扩展资料:d5fd7aea971a85678ba271703566ebfd 元素

d5fd7aea971a85678ba271703566ebfd 元素是最重要的表单元素。

d5fd7aea971a85678ba271703566ebfd 元素有很多形态,根据不同的 type 属性。

1、文本域(Text Fields)

文本域通过e67338802192d7bd5294b2aa965c9bc5 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>

浏览器显示如下:

1.png

注意:表单本身并不可见。同时,在大多数浏览器中,文本域的默认宽度是 20 个字符。

2、密码字段

密码字段通过标签ce75dd0c000c13b714121a0931ccd91b 来定义:

<form>
Password: <input type="password" name="pwd">
</form>

浏览器显示效果如下:

2.png

注意:密码字段字符不会明文显示,而是以星号或圆点替代。

3、单选按钮(Radio Buttons)

5531b4c9ceb3f990b641fa70a3e40caa 标签定义了表单单选框选项

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>

浏览器显示效果如下:

3.png

4、复选框(Checkboxes)

514d05be645eb7d51e331036aaf6fa36 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>

浏览器显示效果如下:

4.png

5、提交按钮(Submit Button)

b374d97eedc1ba0e17e06a9fd6f01874 定义了提交按钮.

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:

<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>

浏览器显示效果如下:

5.png

假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 "html_form_action.php" 的页面。该页面将显示出输入的结果。

推荐教程:《html视频教程

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

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