html输入表,HTML表单及输入-CSDN博客

本文详细介绍了HTML中的表单元素，包括文本域、密码字段、单选按钮、复选框、提交按钮以及下拉列表等。这些元素在创建交互式网页时起着关键作用，允许用户输入数据并通过表单提交到服务器。例如，文本域用于用户输入文本，密码字段则以星号或圆点隐藏输入内容。单选按钮和复选框让用户在多个选项中进行选择，而下拉列表提供了预设的选项。提交按钮则触发数据的发送。此外，文章还提到了表单属性如value、name和checked的使用，以及单选按钮的单选功能实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML表单及输入

输入框

First Name

Last Name

Tel

Password

Date

单选表单

Male

Female

注意：当用户点击一个单选按钮时，它就会被选中，其他同名的单选按钮就不会被选中

复选表单

I Have Bike

I Have Car

下拉列表

Java

JavaScript

预选下拉列表

Volvo

Sabb

Fail

Audi

文本域输入框

我是一个文本框

创建按钮

带边框的表单

Personal Information:

Name:

E-mail:

Date of birth:

带输入框和确认按钮的表单

First Name :

Last Name :

点击"提交"按钮，表单数据将被发送到服务器上的“HTML表单及输入.html”

带有复选框的表单

I have bike

I have car

带有单选按钮的表单

Male

Female

从表单发送电子邮件

Name :

E-mail :

Comment:

预选下拉列表

Volvo

Saab

Mercedes

Audi

1、HTML 表单

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

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

表单使用表单标签

来设置:

input 元素

2、文本域(Text Fields)

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

First name:

Last name:

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

3、密码字段

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

Password:

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

4、单选按钮(Radio Buttons)

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

Male

Female

5、复选框(Checkboxes)

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

I have a bike

I have a car

6、提交按钮(Submit Button)

定义了提交按钮.

当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。

由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:

Username:

7、HTML 表单标签

标签描述

定义供用户输入的表单

定义输入域

定义文本域 (一个多行的输入控件)

定义了元素的标签，一般为输入标题

定义了一组相关的表单元素，并使用外框包含起来

定义了

元素的标题

定义了下拉选项列表

定义选项组

定义下拉列表中的选项

定义一个点击按钮

指定一个预先定义的输入控件选项列表

定义了表单的密钥对生成器字段

定义一个计算结果

8、提示

表单中的单选按钮可以设置以下几个属性：value、name、checked

value：提交数据到服务器的值(后台程序PHP使用)

name：为控件命名，以备后台程序 ASP、PHP 使用

checked：当设置 checked="checked" 时，该选项被默认选中

你生活在哪个国家？

中国

美国

注意：同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“country”，这样同一组的单选按钮才可以起到单选的作用