首页 > 编程 > HTML > 正文

HTML 表单和输入

2020-03-24 17:10:09
字体:
来源:转载
供稿:网友
表单是一个包含表单元素的区域。

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

表单使用表单标签 form 来设置:


form
.
input elements
.
/form

HTML 表单 - 输入元素

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

输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

文本域(Text Fields)

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


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

密码字段

密码字段通过标签 input type= password 来定义:


form
Password: input type= password name= pwd
/form

单选按钮(Radio Buttons)

input type= radio 标签定义了表单单选框选项


form
input type= radio name= sex html' target='_blank'>value= male Male br
input type= radio name= sex value= female Female
/form

浏览器显示效果如下:

复选框(Checkboxes)

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


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

浏览器显示效果如下:

提交按钮(Submit Button)

input type= submit 定义了提交按钮.

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


form name= input action= html.php method= get
Username: input type= text name= user
input type= submit value= Submit
/form




HTML 表单标签

New : HTML5新标签

form 定义供用户输入的表单 input 定义输入域 textarea 定义文本域 (一个多行的输入控件) label 定义了 input 元素的标签,一般为输入标题 fieldset 定义了一组相关的表单元素,并使用外框包含起来 legend 定义了 fieldset 元素的标题 select 定义了下拉选项列表 optgroup 定义选项组 option 定义下拉列表中的选项 button 定义一个点击按钮 datalist New 指定一个预先定义的输入控件选项列表 keygen New 定义了表单的密钥对生成器字段 output New 定义一个计算结果

以上就是HTML 表单和输入的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表