51.0/表单(详细版)

本文详细介绍了HTML中的输入元素input,包括文本域、密码输入框、单选框、复选框、提交和重置按钮、普通及图片按钮、隐藏域、文件域。还提到了多行文本框、下拉列表框的使用,并给出了表单的综合应用示例。
摘要由CSDN通过智能技术生成

目录

51.1 输入元素 input

51.1.1 文本域

51.1.2 密码输入框

51.1.3 单选框

51.1.4 复选框

51.1.5 提交按钮

51.1.6 重置按钮

51.1.7 普通按钮

51.1.8 图片按钮

51.1.9 隐藏域

51.1.10 文件域

51.2 多行文本框

51.3 下拉列表框

51.4 表单的综合示例


表单是网页中提供的一种交互式操作手段,在网页中的使用十分广泛。
无论是提交搜索的信息,还是网上注册等都需要使用表单。
用户可以通过提交表 单信息与服务器进行动态交流。
表单是一个包含表单元素的区域。表单元素应定义在表单中。
表单元素是允许用户在表单中输入信息的元素
(比如:文本域、下拉列表、 单选框、复选框等等)。
表单使用表单标签( <form> )定义。
<form name=“register” method=“post” action=“login.asp” >
</form>
上例中的 “name” “method” “action” 为表单的常用属性。
“name” 属性为表 单起一个名字;“method” 属性用于设置传送数据的方式。取值有两个, “post”
“get”
“action” 属性指明服务器端处理程序的名称,
即当点击 提交 按钮后所
提交的地址。
接下来我们来学习一些常用的表单元素。

51.1 输入元素 input

多数情况下被用到的表单标签是输入标签( <input> )。
输入类型是由类型 属性(type )定义的。
大多数经常被用到的输入类型如下:

51.1.1 文本域

当用户要在表单中键入字母、数字等内容时,就会用到文本域。其属性见
下表:
<html>
<head>
<title>文本域</title>
</head>
<body>
<form>
<input type="text" name="age" size="10" maxlength="255"/>
</form>
</body>
</html>
在浏览器中打开网页,效果如下:

51.1.2 密码输入框

密码框和文本框类似,只需把 “type” 属性的值变为 “password” 即可。
此时用 户输入的字符将以“*” “●” 表示
<html>
<head>
<title>密码输入框</title>
</head>
<body>
<form>
<input type="password"/>
</form>
</body>
</html>
在浏览器中打开网页࿰
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

光明是人的信仰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值