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

2.普通按钮

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

3.提交按钮

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

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

4.密码输入框

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

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

5.多行输入框

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

6.下拉框(select)

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

大米

面条

苹果

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

大米

面条

苹果

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值