html表单的基本控件,2.1.2 基础知识--HTML表单控件(1)

本文详细介绍了HTML中的普通按钮、提交按钮及其作用,强调了提交按钮在表单数据提交中的关键角色。此外,还讲解了密码输入框的特性,如何保护用户输入的隐私。多行输入框则允许用户输入多行文字,常用于长文本的输入。最后,提到了下拉框的使用,包括单选和多选功能,并展示了示例代码。

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

2.普通按钮

普通按钮的示例代码如下:

3.提交按钮

提交按钮用来将表单(Form)里的信息提交给表单中action所指向的文件。提交按钮是表单中不可缺少的控件,只有当用户用鼠标单击提交按钮后,浏览器才把表单数据发送给服务器。没有提交按钮,表单数据就不会被发送出去。一个表单中可以有多个提交按钮,但它们的名称应该互不相同。用户可以单击其中的任何一个,表单数据都将被提交。示例代码如下:

上述代码中,属性value的值是提交按钮上的提示字符串,默认值是"submit"或"提交查询内容"。提交表单时,提交按钮的"名称/值"对同样作为表单数据被传送到服务器中。

4.密码输入框

在Web页面上输入密码也是通过一个单行文本框来实现的,所以从外观上看起来,与单行输入文本框没有区别,但与单行文本框不同的是,在输入密码时,所输入的字符并不像单行输入文本框那样按照原样显示出来,而是将所有的字符用"*"符号代替,即输入的字符是不可见的,从而起到保密作用。示例代码如下:

从上述代码中可以看出,输入密码框控件与输入文本框控件的创建上只有type属性值设置不同。

5.多行输入框

可以输入多行文字。示例代码如下:

6.下拉框(select)

可以做单选,也可以做多选。示例代码如下:

大米

面条

苹果

如果变成多行显示,示例代码如下:

大米

面条

苹果

【责任编辑:云霞 TEL:(010)68476606】

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值